ERROR in AppModule is not an NgModule

angularjs2的环境问题解决了好久。

百度到的答案也是各种各样还解决不了我的问题。

好在这几天经过不断的测试终于给解决了。

ERROR in AppModule is not an NgModule


ERROR in ./src/main.ts
Module build failed: TypeError: Cannot read property 'newLine' of undefined
    at Object.getNewLineCharacter (d:webmyNgng2node_modulestypescriptlibtypescript.js:8062:20)
    at Object.createCompilerHost (d:webmyNgng2node_modulestypescriptlibtypescript.js:44978:26)
    at Object.ngcLoader (d:webmyNgng2node_modules@ngtoolswebpacksrcloader.js:338:33)
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts


ERROR in ./src/polyfills.ts
Module build failed: TypeError: Cannot read property 'newLine' of undefined
    at Object.getNewLineCharacter (d:webmyNgng2node_modulestypescriptlibtypescript.js:8062:20)
    at Object.createCompilerHost (d:webmyNgng2node_modulestypescriptlibtypescript.js:44978:26)
    at Object.ngcLoader (d:webmyNgng2node_modules@ngtoolswebpacksrcloader.js:338:33)
 @ multi ./src/polyfills.ts
webpack: Failed to compile.

首先：

$ npm ls typescript

输入这个命令查看项目的typescript版本和依赖。

发现出现2个不同的版本在各个地方了。

由于angularcli依赖的是2.1.6，这个是自动生成的，总不能去node_module里面去找package.json改吧。没法改。放弃。
ng2@0.0.0 d:webmyNgng2
+-- @angular/cli@1.0.0-rc.1 -> d:webmyNgng2node_modules.1.0.0-rc.1@@angularcli
| +-- @angular/compiler-cli@2.4.9
| | +-- @angular/tsc-wrapped@0.5.2
| | | `-- typescript@2.1.6 deduped extraneous
| | `-- typescript@2.1.6 extraneous
| +-- @angular/tsc-wrapped@0.5.2
| | +-- tsickle@0.2.6
| | | `-- typescript@2.1.6 extraneous
| | `-- typescript@2.1.6 extraneous
| +-- @ngtools/webpack@1.2.12
| | `-- typescript@2.1.6 extraneous
| `-- typescript@2.1.6
`-- typescript@2.0.10

那么另一个2.0.10是在项目的package.json中配置的。这个虽然是angular/cli生成的，但是是在我们自己的项目里面，所以很好改，我们把这里的typescript改成angular/cli自己依赖的那个版本。

再次

$ npm ls typescript

发现，版本一致了。
ng2@0.0.0 d:webmyNgng2
+-- @angular/cli@1.0.0-rc.1 -> d:webmyNgng2node_modules.1.0.0-rc.1@@angularcli
| `-- typescript@2.1.6
`-- typescript@2.1.6 -> d:webmyNgng2node_modules.2.1.6@typescript

$ ng serve
** NG Live Development Server is running on http://localhost:4200 **
Hash: b21dc5aadbb6f2b69213
Time: 10251ms
chunk {0} polyfills.bundle.js,polyfills.bundle.js.map (polyfills) 158 kB {4} [initial] [rendered]
chunk {1} main.bundle.js,main.bundle.js.map (main) 3.14 kB {3} [initial] [rendered]
chunk {2} styles.bundle.js,styles.bundle.js.map (styles) 9.84 kB {4} [initial] [rendered]
chunk {3} vendor.bundle.js,vendor.bundle.js.map (vendor) 2.6 MB [initial] [rendered]
chunk {4} inline.bundle.js,inline.bundle.js.map (inline) 0 bytes [entry] [rendered]
webpack: Compiled successfully.

搞定。在这里做个笔记，希望能帮到之后遇到的人。毕竟这玩意刚接触太浪费时间了。

对了，安装环境的时候记得用cnpm install。原生的npm install安装会报错，原因是node-sass被墙了。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!