Angular 2使用Angular CLI设置

Angular 2使用Angular CLI设置,angular,angular-cli,Angular,Angular Cli,我按照angular.io中的步骤安装angular cli并创建一个基本项目。 它不能每次都服务或建造。我删除了npm,node,所有node 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 @an

我按照angular.io中的步骤安装angular cli并创建一个基本项目。 它不能每次都服务或建造。我删除了npm,node,所有node 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

时请改用
@angular/cli

npm uninstall angular-cli

npm cache clean

npm install @angular/cli

ng new myApp

ng serve

我认为您仍在使用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",

我相信,如果您清理节点模块并重新安装,所有功能都会正常工作。

如果您安装了较旧版本的node.js,然后安装了最新版本。它将更新旧版本,但仍将引用旧引用

此问题的解决方案是从add/remove卸载旧版本的Node.js 编程并安装最新Node.js的新实例。
然后运行“npm安装-g@angular/cli”命令提示符。它将安装CLI组件。

尝试运行webpack--显示错误详细信息。错误可能与文件解析无关。是否每次重新安装angular cli时都要创建项目?或者您每次都在使用自己的代码库?我是
rm-rf项目名称
ng新项目名称
cd->
ng build
您是否尝试过更新或使用>6.9版本的node?您的本地angular cli版本是否与您的全局cli版本相同?获得的错误完全相同。我遵循angular.io的步骤,你的没有太大的不同,只是重新安装了我已经安装的。运行以下命令:
npm install style loader
npm install@ngtools/webpack
npm install raw loader
必须手动安装其他模块。所有这些仍然存在错误:
在./src/main.ts模块构建失败中出错:TypeError:无法读取Object.createCompilerHost中未定义的Object.getNewLineCharacter(/Users/sebastian/workspace/ellipsis/frontend/node_modules/typescript/lib/typescript.js:8062:20)的属性“newLine”(/Users/sebastian/workspace/ellipsis/frontend/node_modules/typescript/lib/typescript.js:44978:26)在Object.ngcLoader(/Users/sebastian/workspace/ellipsis/frontend/node_modules/@ngtools/webpack/src/loader.js:338:33)@multi./src/main.ts
@以上应该是对您的问题的编辑。