не удается найти модуль 'angular2 / core'

Question

не удается найти модуль 'angular2 / core'

эти красные волнистые линии говорят cannot find module 'angular2/core',cannot find module 'angular2/router',cannot find module 'angular2/http'. Я проверил другие сообщения в так но, похоже, у них нет соответствующего ответа.

Я также добавил ссылку на d.ts файлы, как показано ниже, но все равно не работает.

другие сообщения говорят, что мне нужно настроить что-то в tsconfig.json файл, но я использую Visual Studio, и я не вижу необходимости использовать tscompiler, предложенный angular команда, потому что Visual Studio должна иметь возможность автоматически компилировать файлы ts.

Я что-то пропустила?

- это tsconfig.json по-прежнему требуется, даже если вы используете Visual Studio?

как мне избавиться от этих волнистых линий?

спасибо!

(Я использую Visual Studio 2015 и последний движок Typescript)

обновление: Я не уверен, что именно является менеджером пакетов npm. Но у меня есть предварительно построенный package.json файл, который был создан при создании проекта. Я использую этот файл для установки npm-пакетов.

14 59

angularjs visual-studio-2017 visual-studio-2015

14 ответов:

вот мои рабочие настройки:

<PropertyGroup Condition="'$(Configuration)' == 'Release'">
  <TypeScriptTarget>ES5</TypeScriptTarget>
  <TypeScriptJSXEmit>None</TypeScriptJSXEmit>
  <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
  <TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
  <TypeScriptModuleKind>System</TypeScriptModuleKind>
  <TypeScriptRemoveComments>False</TypeScriptRemoveComments>
  <TypeScriptOutFile />
  <TypeScriptModuleResolution>NodeJs</TypeScriptModuleResolution>
  <TypeScriptOutDir />
  <TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
  <TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
  <TypeScriptSourceMap>True</TypeScriptSourceMap>
  <TypeScriptMapRoot />
  <TypeScriptSourceRoot />
  <TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata>
  <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>

перезапустите Visual Studio после применения этого к веб-проекту.

9

для VS2015, перейдите в Сервис - > Параметры - > текстовый редактор - > TypeScript - > проект - > общие затем отметьте "автоматически компилировать файлы TypeScript, которые не являются частью проекта" затем выберите "Использовать генерацию кода CommonJS для модулей.."

6

вот как я исправил проблему в VS2015:

откройте окно свойств проекта

перейти к TypeScript Build tab

выберите CommonJS как модуль системы, как показано на рисунке ниже

5

самый простой способ установить его с помощью диспетчера пакетов npm, потому что angular2 поставляется с набором текста сейчас. Ваш редактор распознает все места импорта...

0

У меня была эта проблема при установке ionic 2 - я установил все пакеты (пакет.JSON update) и обновил мой npm до v3. Это все решило.

0

This has to be done for both 'Debug' and 'Release' then only it works in VS 2013. Like below..

<PropertyGroup Condition="'$(Configuration)' == 'Release'">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptJSXEmit>None</TypeScriptJSXEmit>
    <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
    <TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
    <TypeScriptModuleKind>system</TypeScriptModuleKind>
    <TypeScriptRemoveComments>False</TypeScriptRemoveComments>
    <TypeScriptOutFile />
    <TypeScriptModuleResolution>NodeJs</TypeScriptModuleResolution>
    <TypeScriptOutDir />
    <TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
    <TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
    <TypeScriptSourceMap>True</TypeScriptSourceMap>
    <TypeScriptMapRoot />
    <TypeScriptSourceRoot />
    <TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata>
    <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>

<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptJSXEmit>
    </TypeScriptJSXEmit>
    <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
    <TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
    <TypeScriptModuleKind>system</TypeScriptModuleKind>
    <TypeScriptRemoveComments>False</TypeScriptRemoveComments>
    <TypeScriptOutFile />
    <TypeScriptModuleResolution>NodeJs</TypeScriptModuleResolution>
    <TypeScriptOutDir />
    <TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
    <TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
    <TypeScriptSourceMap>True</TypeScriptSourceMap>
    <TypeScriptMapRoot />
    <TypeScriptSourceRoot />
    <TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata>
    <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>

0

разработка с помощью ASP.NET применение стартера сердечника Угловое 2 шаблон от Мадс Кристенсен. У меня была аналогичная проблема с запуском нового каталога с файлами Typescript.

мое решение было более простым, чем изменение файла проекта. Я просто скопировал tsconfig.json из папки ClientApp, где все файлы typescript были в мою новую папку.

0

просто щелкните правой кнопкой мыши на "пакета.json"

и выбираем "Восстановить Пакетов" после установки пакетов постройте его... ваша проблема решена

0

Это интересная проблема, помимо причин и решения, упомянутых выше, можно получить эту ошибку в следующих сценариях.

NPM (Node Package Manager) не установлен на компьютере

исправить: установить NPM из https://nodejs.org/en/

Если вы все еще получаете эту ошибку после установки NPM, может возникнуть проблема конфигурации NPM. Ссылаться это статьи для правильной настройки конфигурации NPM

0

в Visual Studio 2015 перейдите в меню " Сервис "и нажмите "Параметры"...". Вы будете иметь возможность видеть древовидную структуру в левой части открытого окна.

разверните "проекты и решения" и выберите "внешние веб-инструменты". Теперь двигаться Запись " $(PATH) "над записью" $(DevEnvDir)".

Нажмите кнопку ОК. Перезапустите Visual Studio.

теперь щелкните правой кнопкой мыши на пакет".файл JSON" в обозревателе решений и нажмите кнопку на "восстановление Пакеты."

0

Привет у меня такая же проблема, когда я использую редактор eclplse . Я выполнил следующую команду в моем окне cmd, и я перезапустил свое затмение . Он работает, как и ожидалось.

НПМ установки --Save @угловое/сердечник @угловое/компилятора @угловое/общая платформа-браузер @угловое/платформа-браузера-динамический @угловых/rxjs@5.0.0-beta.6 зоны.js@0.6.12 @angular / forms

0

попробуйте запустить npm install команда (установит отсутствующий lib в вашем проекте)

откройте папку / проект

0

Я тоже столкнулся с этой ошибкой, и то, что сработало для меня, было выгрузкой проекта и проверкой .файл csproj. Я обнаружил, что этот фрагмент был добавлен туда -
  <ItemGroup>
    <None Remove="ClientApp\components\componentname\componentname.ts" />
  </ItemGroup>
удаление этого кода, сохранение csproj, а затем перезагрузка проекта работала. Надеюсь, это поможет!

0

pixelbits · Accepted Answer · 2015-12-28 10:26:27

для ASP.NET 5.0 приложения в VS 2015, настройка typescript является немного сложной задачей.

пока инструмент вокруг typescript не улучшится, вы можете настроить typescript вручную:
Step 1: Right-click project, and Unload Project 
Step 2: Right-click the unloaded project, and Edit the .xproj file
Step 3: Add a PropertyGroup node, under the Project node:

  <PropertyGroup Condition="'$(Configuration)' == 'Debug'">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptJSXEmit>None</TypeScriptJSXEmit>
    <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
    <TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
    <TypeScriptModuleKind>CommonJS</TypeScriptModuleKind>
    <TypeScriptRemoveComments>False</TypeScriptRemoveComments>
    <TypeScriptOutFile />
    <TypeScriptOutDir />
    <TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
    <TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
    <TypeScriptSourceMap>True</TypeScriptSourceMap>
    <TypeScriptMapRoot />
    <TypeScriptSourceRoot />
    <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
  </PropertyGroup>

Step 4: Right-click the unloaded project and Reload Project
Step 5: Re-build project
Если вы все еще сталкиваетесь с ошибкой, когда он не может найти модуль, выйдите из visual studio и перезагрузите решение.