javascript - Angular2 intelliJ 配置错误..找不到模块 '@angular/core'

Question

我是 Angular2 的新手。我正在按照教程 Angular2 示例进行操作。这是第一个名为“猜数字”的简单教程

我使用的代码与 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
}
});

My thoughts on a potential solution?

1. 当前从 https://unpkg.com/@angular/core@2.0.0 加载模块但 IntelliJ 更喜欢从计算机上的文件加载它？我应该在本地托管文件吗？

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

Answer 1

错误来自 TS 编译器。是的，就像 Idea 本身一样，它无法通过系统配置中的 CDN 引用找到 @angular 模块:它需要项目中本地可用的模块(通过 npm 安装 - 请参阅 https://angular.io/docs/ts/latest/guide/setup.html ，例如)。像您这样的配置仅在使用基于浏览器的编译时才有效