新手怎么解决 NPM run dev 报错的问题,综合回答一下,希望能帮到后来人
- 看报错是否报 node-Sass/vendor 不存在,如果这样,你先执行下面的命令
使用 npm 重新生成 node-saaanpm rebuild node-sass --no-bin-links
- 如果是在windows下面单纯的跑命令肯定是会多方面报错的,需要按照下面的操作:
让我们开始启动 Homestead:> cd ~/Homestead && vagrant up
成功启动后,还是在 ~/Homestead 目录中,通过以下命令来 SSH 登录 Homestead 虚拟机中:
> vagrant ssh
再进入到samp文件夹
按照上面的执行一下
记得要打开package.json干掉你讨厌的cross-env ctrl+s保存
"scripts": {
"dev": "npm run development",
"development": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
最后执行,就没问题了。
$ npm run dev
$ npm run watch-poll
要注意的重点是进入到sample这个文件夹中去执行命令,并且是在虚拟机上执行操作指令。别的都是小kiss!
本帖对你有帮助的话,可以点赞顶上去让更多人看到。
本帖已被设为精华帖!
本帖由 Summer
于 6年前 加精
高认可度评论:
看了N多评论,再根据自己的情况!最终终于解决!
每个人的情况不一样 还是不要直接粘贴别人的 理解了Npm和Yarn在做什么 可以更快的解决问题!
记录下自己解决BUG的过程 本人配置(Windows 10 新系统 教程版Homestead)
因为第一次报错了 所有我先重置了所有相关文件
rm -rf node_modules
rm -rf yarn.lock
npm cache clear --force
然后重新安装(求稳,都使用了sudo命令)
yarn install --no-bin-links
打开 package.json 搜索字符串 cross-env 并删除
sudo yarn add cross-env --save --no-bin-links
sudo npm install vue-template-compiler --save-dev --production=false --no-bin-links
sudo npm run dev
sudo npm run watch-poll
到此结束 倒腾了1个多小时 终于搞定!Over!
补充一点我今天按照这个方法解决时出现的问题:
在执行
yarn add cross-env
时出现了以下报错最终找到的解决办法:
yarn add cross-env --save --no-bin-links
升级 npm
安装
执行 编译
本人主机为win7,翻了好多同学的答案,并没有得到很好的解决,下面为我的解决方案,参考了很多同学的方案
1、删除 node_modules文件夹
rm -rf node_modules
2、运行下面命令
yarn install --no-bin-links
3、打开 pakage.json 修改,去掉 package.json 中的几处 cross-env,我记得是3处
4、运行下面命令
yarn add vue-template-compiler --dev --production=false --no-bin-links
5、运行下面命令
yarn add cross-env
到这里应该就可以npm run dev了!!!
感谢这个解答,确实解决了问题!
@Forever_ 很高兴能帮到你!我也是边学边总结
@cww0128 真的很不错,我看了前面所有的,只有这个内容清晰,立竿见影。希望其他有这种问题的人,能看到。
如果能置顶这个就更好了
给力了 终于好了
给力,请置顶
这个给力 , 完美解决问题
可以可以,解决了
怒赞
cross-env 的报错,安装后就可以解决,网上查了下这个是用来做跨平台兼容的
npm install cross-env --save-dev
点赞哈··学习遇见这种问题 还是比较不知所然的··
https://segmentfault.com/a/119000001001076... 发现了这个文档的也是可以解决的 看里面的说明应该是路径问题
补充一点我今天按照这个方法解决时出现的问题:
在执行
yarn add cross-env
时出现了以下报错最终找到的解决办法:
yarn add cross-env --save --no-bin-links
我也出现这个问题,看了这篇文章一开始以为只删除【开发环境依赖】的cross-env。然后还是保存。后来发现原来
"scripts" : {
"dev" : "cross-env .....",
"watch" : "cross-env ....."
}
这些执行命令的cross-env也要删除,大家注意一下。不要和我犯一样的错误
升级 npm
安装
执行 编译
感谢这个解答,确实解决了问题!
@xiayin 还是这个有效
执行 yarn add cross-env --save --no-bin-links 后
再执行:npm run dev
报错:
确实有效,删了那行再重新执行就好啦
我按照本文的方法去做,并没有得到很好的结果,我的环境配置和作者的不太一样,还有操作系统的版本,等等都是问题。 在折腾了一周后,我的解决办法是重装虚拟机,安装课程的一步一步的来,一开始还是报错,最后一次执行,一个错误都没有。
个人建议你的laravel中的package.json不要拷贝别人的,就用自己的,删除package.json中scripts的cross-env, devDependencies中的cross-env不要删除
yarn add cross-env --no-bin-links 这个命令不能少,还是得执行,执行可能会有警告,不用管他,如果有报错就要留意一下了
在执行npm run dev 的时候会提示安装 yarn add cross-env --no-bin-links,不用管他,他会自动的去执行这个命令。
如果npm run dev 执行不成功, 看下错误的原因,结合其他伙伴的方法来解决,如果实在不行就销毁虚拟机vagrant destroy, 使用vagrant up 创建一个虚拟机,最后使用composer 安装一个新项目,再来试一遍
在安装的时候需要访问国外网站,该翻的还是要翻
win10用户建议关闭IPV6, Homestead.yaml中type不要设置成nfs,这个在后期会有一定的问题
失败很多次,会那么一次成功的……
本人主机为win7,翻了好多同学的答案,并没有得到很好的解决,下面为我的解决方案,参考了很多同学的方案
1、删除 node_modules文件夹
rm -rf node_modules
2、运行下面命令
yarn install --no-bin-links
3、打开 pakage.json 修改,去掉 package.json 中的几处 cross-env,我记得是3处
4、运行下面命令
yarn add vue-template-compiler --dev --production=false --no-bin-links
5、运行下面命令
yarn add cross-env
到这里应该就可以npm run dev了!!!
看了N多评论,再根据自己的情况!最终终于解决!
每个人的情况不一样 还是不要直接粘贴别人的 理解了Npm和Yarn在做什么 可以更快的解决问题!
记录下自己解决BUG的过程 本人配置(Windows 10 新系统 教程版Homestead)
因为第一次报错了 所有我先重置了所有相关文件
rm -rf node_modules
rm -rf yarn.lock
npm cache clear --force
然后重新安装(求稳,都使用了sudo命令)
yarn install --no-bin-links
打开 package.json 搜索字符串 cross-env 并删除
sudo yarn add cross-env --save --no-bin-links
sudo npm install vue-template-compiler --save-dev --production=false --no-bin-links
sudo npm run dev
sudo npm run watch-poll
到此结束 倒腾了1个多小时 终于搞定!Over!
npm run dev 执行后就卡在这里了,
等了很久报错,各位应该怎么解决啊
我来写一个, 希望可以给大家一点帮助, 卡我了一个礼拜,
一、这个文件内容替换, package.json 换成课本中的内容
删除 内容中的 cross-env
二、按上面的来
这一名可以不执行 sudo yarn add cross-env --save --no-bin-links 我这里执行后, 在执行 npm run dev 就报错了, 删除后就正常, 不知道你们是不是
三、resources/sass/app.scss 文件 只留下, 下面一行
// Bootstrap @import '~bootstrap/scss/bootstrap';
四、 运行 npm run dev 正常运行
这个东西太难搞了 , 大家加油。
这个错误有人遇到过吗?