最近开始学习使用ng2在项目里面, 然后按照指南一步一步做, 在安装 ng cli 的时候各种报错, 折腾一上午之后, 终于顺利运行。
后面总结发现其实都是在浪费时间。安装的整个过程, 基本是遇到一个报错就去google然后解决, 解决完了就是一个新的报错, 痛苦不堪。
下面大致的记录一些报错和解决方案( 其实都是在浪费时间, 解决问题请直接看下面的总结 ):
error TS2304: Cannot find name ‘_‘
http://stackoverflow.com/questions/34660265/importing-lodash-into-angular2-typescript-application
解决办法:
Here is how to do this as of Typescript 2.0: (tsd and typings are being deprecated in favor of the following):
$ npm install --save lodash
# This is the new bit here:
$ npm install --save @types/lodashThen, in your .ts file:
Either:
import * as _ from "lodash";Or (as suggested by @Naitik):
import _ from "lodash";报错:
pm\[email protected]\cli\models\config\config.js:15
constructor(_configPath, schema, configJson, fallbacks = []) {
^
SyntaxError: Unexpected token =
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
https://github.com/angular/angular-cli/issues/4892
解决办法: nodejs 版本不够Angular CLI requires node 6.9 or greater. 注意更新版本, 更新办法很多,
但是请注意如果网络不是很好, 可能通过一些远程工具更新的时候会出错, 所以一个比较稳当的办法是,
直接从nodejs 的官网下安装包下来更新! 中间用了一些工具来更新, 结果更新出来貌似有点问题,
最后还是从官网下的安装包, 就OK了。。。
中间还有各种一堆报错:
angularCLI Webpack: ERROR in TypeError: Cannot read property ‘request‘ of undefined
TypeError: Cannot read property ‘config‘ of null
。。。。一大堆
总结:
不得不说现在整个前端的发展速度确实是蓬勃向上, 各种工具的版本更新速度是非常快的, nodejs, webpack, ngcli,
所以在使用这些的工具的时候, 最好确认当前版本都是最新的版本, 这次浪费那么多时间, 实际上就是因为自己机器上的nidejs, webpack的版本都非常落后了, 安装以后一直没更新, 导致安装新的工具ngcli的时候, ngcli 依赖这些工具的新版本, 结果陷入解决一个报错又陷入另外报错的窘境里面。
正确做法应该直接更新基础工具的版本, 然后在找到最近的说明文档, 安装最新版本的ngcli。
https://github.com/angular/angular-cli/issues/1922
1. 更新nodejs npm 版本到最新, nodejs 最好去官网下安装包
https://nodejs.org/en/download/current/
2. 保证你的typescript( 我想大部分ng2 开发还是用的ts吧? ) 版本最近 2.0+
npm install [email protected] will update you to 2.1.0
3. ngcli 版本更新很多, 各种配置依赖估计也是一直在变化,
有可能你的机器上安装了老版本的cli, so 先彻底卸载老版本的cli, 然后安装最新版本的
npm uninstall -g angular-cli
npm install --save-dev [email protected]
ng new projectname Creates your new project
cd projectname moves you into the newly created directory
4. 保证依赖文件没问题, 可能各种依赖配置出现问题, 我这里办法比较粗暴, 直接利用ngcli新建了一个项目然后吧APP拷贝过去。