找不到模块'angular2 / core'

这些红色的波浪线表示cannot find module 'angular2/core' ， cannot find module 'angular2/router' ， cannot find module 'angular2/http' 。 我检查了其他职位，但似乎他们没有适当的答案。

我也添加了如下所示的d.ts文件的引用，但仍然无法正常工作。

其他职位说我需要在tsconfig.json文件中configuration一些东西，但我使用的是Visual Studio，我不需要使用angular度组build议的tscompiler，因为Visual Studio应该能够自动编译ts文件。

我错过了什么吗？

即使使用Visual Studio， tsconfig.json仍然是必需的吗？

我如何摆脱这些波浪线？

谢谢！

（我正在使用Visual Studio 2015和最新的Typescript引擎）

更新：我不知道什么是npm包pipe理器。 但是我有一个预创build的package.json文件，是在创build项目时创build的。 我使用这个文件来安装npm包。

Answer 1

对于VS 2015中的ASP.NET 5.0应用程序，configuration打字稿有点困难。

在打字稿改进之前，您可以手动configuration打字稿：

 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 

如果您仍然遇到无法find模块的错误，请退出Visual Studio并重新加载解决scheme。

Answer 2

这是我的工作设置：

 <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> 

将这个应用到你的web项目后重新启动Visual Studio。

Answer 3

这是我如何解决VS2015中的问题：

• 打开项目属性窗口
• 导航到TypeScript生成选项卡
• selectCommonJS作为模块系统，如下图所示

Answer 4

对于VS2015，进入工具 – >选项 – >文本编辑器 – > TypeScript – >项目 – >常规，然后勾选“自动编译不属于项目的TypeScript文件”，然后select“使用CommonJS代码生成模块..”

Answer 5

最简单的安装方法是使用npm软件包pipe理器，因为angular2现在已经在打字了。 您的编辑器将识别所有导入位置…

Answer 6

我有安装离子2的这个问题 – 我安装了所有的软件包（package.json更新），并将我的npm更新到v3。 这解决了它。

Answer 7

 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> 

Answer 8

使用Mads Kristensen的ASP.NET Core Angular 2 Starter Application模板进行开发。 我有一个类似的问题，用Typescript文件开始一个新的目录。

我的解决scheme比修改项目文件更简单。 我刚刚将ClientApp文件夹中的tsconfig.json复制到所有打字稿文件到我的新文件夹中。

Answer 9

只需右键单击“ package.json ”

并select“ 还原软件包 ”后，安装软件包build立它…你的问题解决了

Answer 10

这是一个有趣的问题，除了上面提到的原因和解决scheme之外，在以下情况下可以得到这个错误。

1. NPM（节点包pipe理器）没有安装在机器上

   修复：从https://nodejs.org/en/安装NPM

   

2. 如果安装NPM后仍然出现此错误，则可能是NPMconfiguration问题。 请参阅这篇文章来正确设置NPMconfiguration

Answer 11

1. 在Visual Studio 2015中，转到“工具”菜单，然后单击“选项…”。 您将能够在打开的窗口的左侧看到一个树形结构。
2. 展开“项目和解决scheme”，然后select“外部Web工具”。 现在将“$（PATH）”条目移到“$（DevEnvDir）”条目上方。
3. 点击OK。 重新启动Visual Studio。
4. 现在右键单击解决scheme资源pipe理器中的“package.json”文件，然后单击“还原包”。

Answer 12

嗨我使用eclplse编辑器时遇到同样的问题。 我在我的cmd窗口中执行了下面的命令，并重新启动了我的eclipse。 它按预期工作。

npm install –save @ angular / core @ angular / compiler @ angular / common @ angular / platform-b​​rowser @ angular / platform-b​​rowser-dynamic rxjs@5.0.0-beta.6 zone.js@0.6.12 @ angular /forms