首页 > 代码库 > 快速搭建yeoman+webpack+react项目和npm start启动命令失败问题

快速搭建yeoman+webpack+react项目和npm start启动命令失败问题

 

今天准备看着书写一个React小项目来着,结果发现npm start命令简直成了一只拦路虎,从昨晚报错报到了现在...今早花了一上午揪了各种错,把nodejs和npm各种重写卸载了重装还是发现不行,最后。。。发现我一直是在git bash上操作,重装了npm的淘宝镜像还是缺少了node_moudle里面的各种,所以,改用了cmd命令行重装了npm发现就可以了。。。为什么在git bash上就不行了呢??这个容我再捣鼓捣鼓先

利用yeoman快速搭建react-webpack开发环境

1.安装yeoman

2.安装webpack

2-1:安装命令:$npm install -g generator-react-webpack;

2-2:查看本地的版本:$npm ls -g --depth=1 2>/dev/null | grep generator-;

             1)npm ls -g:列出全局安装的所有npm包;

             2)--depth=1:树状结构最多向下展示一层;

             3)2>/dev/null:如果执行npm ls -g过程中,有错误消息,把错误消息重定向到空的设备文件上( >表示重定向 1表示standard out标准输出  2表示standard error标准错误   /dev/null表示空设备文件);

             4)表示通道,用来将上一个命令的输出内容作为下一个命令的输入内容;

             5)grep generator-:在前面的输出结果中,检索generator开头的关键内容;

3.克隆创建项目

3-1:创建项目文件夹:$mkdir workspace;  

3-2:进入workspace:$cd workspace ;

3-3:克隆github的项目到本地上: $git clone +项目地址;

3-4:利用yoman搭建react-webpack项目:$yo react-webpack 项目名称

3-5:启动项目:$npm start;

这个时候,当在命令行输入$npm start时,错误来了。。。

npm start启动命令失败问题

F:\deskmark>npm start

> @0.0.1 start F:\deskmark
> node server.js --env=dev

module.js:472
throw err;
^

Error: Cannot find module core-js/fn/object/assign
at Function.Module._resolveFilename (module.js:470:15)
at Function.Module._load (module.js:418:25)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (F:\deskmark\server.js:3:1)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @0.0.1 start: `node server.js --env=dev`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @0.0.1 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\cassie\AppData\Roaming\npm-cache\_logs\2017-05-18T03_42_37_735Z-debug.log

解决方式:

1.重装npm!

HOWEVER!当我在重装了npm:$npm install npm后,发现在生成node_moudle文件夹中还是缺少了‘core-js/fn/object/assign‘这个模块。。

2.既然知道是缺少‘core-js/fn/object/assign‘这个模块后,则利用$npm install -g core-js重新安装了这个模块,结果发现还是出现了错误。。。

技术分享

3.上网搜索了一番后,可能是在npm安装的过程中该模块还是安装不成功

有人推荐使用淘宝npm镜像-cnpm,$npm install -g cnpm --registry=https://registry.npm.taobao.org

通过这个命令安装cnpm后,运行$cnpm install进行模块下载,安装。

4.最后再用命令$npm start启动项目,发现就成功了。

技术分享

但是,在Git Bash中用相同的方式发现还是不行。。。(( ▼-▼ ))

技术分享

容我吃个饭后再来解决。。。。。

 

快速搭建yeoman+webpack+react项目和npm start启动命令失败问题