не удается найти модуль '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

14 ответов:

для 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 и перезагрузите решение.

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

<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 после применения этого к веб-проекту.

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

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

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

enter image description here

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

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

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>

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

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

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

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

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

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

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

    Probably NPM not installed or not configured

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

  1. в Visual Studio 2015 перейдите в меню " Сервис "и нажмите "Параметры"...". Вы будете иметь возможность видеть древовидную структуру в левой части открытого окна.
  2. разверните "проекты и решения" и выберите "внешние веб-инструменты". Теперь двигаться Запись " $(PATH) "над записью" $(DevEnvDir)".
  3. Нажмите кнопку ОК. Перезапустите Visual Studio.
  4. теперь щелкните правой кнопкой мыши на пакет".файл JSON" в обозревателе решений и нажмите кнопку на "восстановление Пакеты."

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

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

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

Я тоже столкнулся с этой ошибкой, и то, что сработало для меня, было выгрузкой проекта и проверкой .файл csproj. Я обнаружил, что этот фрагмент был добавлен туда -

  <ItemGroup>
    <None Remove="ClientApp\components\componentname\componentname.ts" />
  </ItemGroup>

удаление этого кода, сохранение csproj, а затем перезагрузка проекта работала. Надеюсь, это поможет!