Angular2 intelliJ配置错误..找不到模块“@Angular/Core”

Question

我对Angular2是新手。我正在学习教程Angular2 by example。这是第一个简单的教程，叫做猜数字

我使用了github提供的示例https://github.com/chandermani/angular2byexample/tree/master/guessthenumber中描述的代码。

它在浏览器中加载得很好。我有问题的是IntelliJ设置。

IntelliJ返回以下错误。如截图所示。找不到模块“@Angular/Core”

我的属性文件如下

systemjs.config.js

System.config({
map : {
    'app': 'app',
    'rxjs': 'https://unpkg.com/rxjs@5.0.0-beta.12',
    '@angular/common': 'https://unpkg.com/@angular/common@2.0.0',
    '@angular/compiler': 'https://unpkg.com/@angular/compiler@2.0.0',
    '@angular/core': 'https://unpkg.com/@angular/core@2.0.0',
    '@angular/platform-browser': 'https://unpkg.com/@angular/platform-browser@2.0.0',
    '@angular/platform-browser-dynamic': 'https://unpkg.com/@angular/platform-browser-dynamic@2.0.0'
},
packages:{
    'app':  { main: 'main.ts',  defaultExtension: 'ts' },
    '@angular/common': { main: 'bundles/common.umd.js', defaultExtension: 'js' },
    '@angular/compiler': { main: 'bundles/compiler.umd.js', defaultExtension: 'js' },
    '@angular/core': { main: 'bundles/core.umd.js', defaultExtension: 'js' },
    '@angular/platform-browser': { main: 'bundles/platform-browser.umd.js', defaultExtension: 'js' },
    '@angular/platform-browser-dynamic': { main: 'bundles/platform-browser-dynamic.umd.js', defaultExtension: 'js' },
},
// DEMO ONLY! REAL CODE SHOULD NOT TRANSPILE IN THE BROWSER
transpiler: 'typescript',
typescriptOptions: {
    emitDecoratorMetadata: true
}
});

Intellij不知道SystemJs.config.js文件？我需要创建一个tsconfig.json文件吗？Intellij能理解吗？

Answer 1

这些错误来自TS编译器。是的，就像Idea本身一样，它不能通过系统配置中的CDN引用找到@angulang模块：它需要在项目本地可用的模块（通过npm安装-例如，请参见https://angular.io/docs/ts/latest/guide/setup.html）。像您这样的配置只有在使用基于浏览器的编译时才会起作用