使用Angular-CLI进行Angular 2安装

时间:2017-03-07 22:39:02

标签: angular angular-cli

我按照angular.io中的步骤安装了angular-cli并创建了一个基础项目。 它无法每次都服务或建立。我删除了npm,节点,所有节点dep。依然没有。使用不同版本的angular-cli(beta28)获得相同的错误。

我的ng -v

@angular/cli: 1.0.0-rc.1
node: 6.10.0
os: darwin x64
@angular/common: 2.4.9
@angular/compiler: 2.4.9
@angular/core: 2.4.9
@angular/forms: 2.4.9
@angular/http: 2.4.9
@angular/platform-browser: 2.4.9
@angular/platform-browser-dynamic: 2.4.9
@angular/router: 3.4.9
@angular/cli: 1.0.0-rc.1
@angular/compiler-cli: 2.4.9

我得到的错误:

ERROR in multi ./src/styles.css
Module not found: Error: Can't resolve 'style-loader' in '/Users/sebastian/workspace/ellipsis/frontend'
 @ multi ./src/styles.css

ERROR in multi ./src/main.ts
Module not found: Error: Can't resolve '@ngtools/webpack' in '/Users/sebastian/workspace/ellipsis/frontend'
 @ multi ./src/main.ts

ERROR in multi ./src/polyfills.ts
Module not found: Error: Can't resolve '@ngtools/webpack' in '/Users/sebastian/workspace/ellipsis/frontend'
     @ multi ./src/polyfills.ts
ERROR in   Error: Child compilation failed:
  Entry module not found: Error: Can't resolve 'raw-loader' in '/Users/sebastian/workspace/ellipsis/frontend':
  Error: Can't resolve 'raw-loader' in '/Users/sebastian/workspace/ellipsis/frontend'

所以我逐个安装了所有需要的模块。但是,我留下了另一个不再缺少模块的错误。

我认为不必逐个安装这些模块。我在这里缺少什么?

运行OSX Sierra

4 个答案:

答案 0 :(得分:2)

使用@angular/cli代替

npm uninstall angular-cli

npm cache clean

npm install @angular/cli

ng new myApp

ng serve

答案 1 :(得分:1)

我认为您仍在使用rc版本的cli,我使用的是以下版本,如果有任何不同,请检查并更新

"angular-cli": "1.0.0-beta.21",
"@angular/common": "~2.4.1",
"@angular/compiler": "~2.4.1",
"@angular/core": "~2.4.1",
"@angular/forms": "~2.4.1",
"@angular/http": "~2.4.1",
"@angular/platform-browser": "~2.4.1",
"@angular/platform-browser-dynamic": "~2.4.1",
"@angular/router": "~3.1.0",

答案 2 :(得分:0)

我相信如果你清理节点模块并重新安装,那么应该可以正常工作。

答案 3 :(得分:0)

如果您安装了旧版本的Node.js,然后安装最新版本。它将更新旧版本,但仍将提供旧版本。

此问题的解决方法是从添加/删除中卸载旧版本的Node.js. 程序并安装最新的Node.js的新实例。 然后运行" npm install -g @ angular / cli"命令提示符。它将安装CLI组件。