新手怎么解决 NPM run dev 报错的问题,综合回答一下,希望能帮到后来人

  1. 看报错是否报 node-Sass/vendor 不存在,如果这样,你先执行下面的命令
    使用 npm 重新生成 node-saaa
    npm rebuild node-sass --no-bin-links
  2. 如果是在windows下面单纯的跑命令肯定是会多方面报错的,需要按照下面的操作:
    让我们开始启动 Homestead:
    > cd ~/Homestead && vagrant up

    成功启动后,还是在 ~/Homestead 目录中,通过以下命令来 SSH 登录 Homestead 虚拟机中:

    > vagrant ssh

    再进入到samp文件夹
    file

按照上面的执行一下
file

记得要打开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 于 5年前 加精
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 77

看了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!

4年前 评论
a50z32 3年前
亦空 4年前
bigb1993 4年前
冬字差一人 (作者) 3年前
sq57133 4年前
典典 4年前
yudan99 4年前
woshipianrenbu010 3年前
ShamGod 3年前
剑歌丶 3年前
yudan99 3年前
NEET 3年前
flyingfish 3年前
CaryRui 3年前
wandell 3年前
lklong 3年前
YeMou 3年前
DANAI 3年前
宋高峰 3年前
岁月不居 3年前
helo 3年前
a50z32 3年前
gstarcad 3年前
tianyamike 3年前
haojianqiang 3年前
GraySpider 3年前
boyane 3年前
kakaxi 3年前
风中絮 3年前
zhangkang 3年前
robinfire 3年前
DrizzIe 3年前
Arhan 3年前
jxdr 2年前
jxdr 2年前
laravel_peng 2年前
wandell 2年前
niconiconinini 2年前
Spider-boy 1年前

补充一点我今天按照这个方法解决时出现的问题:
在执行yarn add cross-env时出现了以下报错

vagrant@homestead:~/code/laravel$ yarn add cross-env
yarn add v1.7.0
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@1.2.4: The platform "linux" is incompatible with this module.
info "fsevents@1.2.4" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
error An unexpected error occurred: "EPROTO: protocol error, symlink '../acorn/bin/acorn' -> '/home/vagrant/code/laravel/node_modules/acorn-dynamic-import/node_modules/.bin/acorn'".
info If you think this is a bug, please open a bug report with the information provided in "/home/vagrant/code/laravel/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

最终找到的解决办法:
yarn add cross-env --save --no-bin-links

5年前 评论
awen0317 4年前
TThekey 4年前
stabunkow 4年前
awen0317 4年前
awen0317 4年前
jxdr 4年前
  1. 升级 npm

    npm install -g cnpm --registry=https://registry.npm.taobao.org #切换淘宝镜像
    cnpm i -g npm # 升级到最新版
  2. 安装

    cnpm install
    cnpm install cross-env --save-dev
  3. 执行 编译

    npm run dev
    npm run watch-poll
5年前 评论
2400 4年前
awen0317 4年前
shtotoro 4年前
eeyes-backend 3年前

本人主机为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了!!!

4年前 评论

感谢这个解答,确实解决了问题!

5年前 评论

@Forever_ 很高兴能帮到你!我也是边学边总结

5年前 评论

@cww0128 真的很不错,我看了前面所有的,只有这个内容清晰,立竿见影。希望其他有这种问题的人,能看到。
如果能置顶这个就更好了

5年前 评论

这个给力 , 完美解决问题

5年前 评论

可以可以,解决了

5年前 评论

cross-env 的报错,安装后就可以解决,网上查了下这个是用来做跨平台兼容的
npm install cross-env --save-dev

5年前 评论
Master-Xue

点赞哈··学习遇见这种问题 还是比较不知所然的··

5年前 评论

https://segmentfault.com/a/119000001001076... 发现了这个文档的也是可以解决的 看里面的说明应该是路径问题

5年前 评论

补充一点我今天按照这个方法解决时出现的问题:
在执行yarn add cross-env时出现了以下报错

vagrant@homestead:~/code/laravel$ yarn add cross-env
yarn add v1.7.0
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@1.2.4: The platform "linux" is incompatible with this module.
info "fsevents@1.2.4" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
error An unexpected error occurred: "EPROTO: protocol error, symlink '../acorn/bin/acorn' -> '/home/vagrant/code/laravel/node_modules/acorn-dynamic-import/node_modules/.bin/acorn'".
info If you think this is a bug, please open a bug report with the information provided in "/home/vagrant/code/laravel/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

最终找到的解决办法:
yarn add cross-env --save --no-bin-links

5年前 评论
awen0317 4年前
TThekey 4年前
stabunkow 4年前
awen0317 4年前
awen0317 4年前
jxdr 4年前
guaguaerhao

我也出现这个问题,看了这篇文章一开始以为只删除【开发环境依赖】的cross-env。然后还是保存。后来发现原来
"scripts" : {
"dev" : "cross-env .....",
"watch" : "cross-env ....."
}
这些执行命令的cross-env也要删除,大家注意一下。不要和我犯一样的错误

5年前 评论
  1. 升级 npm

    npm install -g cnpm --registry=https://registry.npm.taobao.org #切换淘宝镜像
    cnpm i -g npm # 升级到最新版
  2. 安装

    cnpm install
    cnpm install cross-env --save-dev
  3. 执行 编译

    npm run dev
    npm run watch-poll
5年前 评论
2400 4年前
awen0317 4年前
shtotoro 4年前
eeyes-backend 3年前

感谢这个解答,确实解决了问题!

5年前 评论

执行 yarn add cross-env --save --no-bin-links 后
再执行:npm run dev
报错:

file

4年前 评论
Mxinx 4年前

确实有效,删了那行再重新执行就好啦

4年前 评论

我按照本文的方法去做,并没有得到很好的结果,我的环境配置和作者的不太一样,还有操作系统的版本,等等都是问题。 在折腾了一周后,我的解决办法是重装虚拟机,安装课程的一步一步的来,一开始还是报错,最后一次执行,一个错误都没有。

个人建议你的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,这个在后期会有一定的问题

失败很多次,会那么一次成功的……

4年前 评论

本人主机为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了!!!

4年前 评论

看了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!

4年前 评论
a50z32 3年前
亦空 4年前
bigb1993 4年前
冬字差一人 (作者) 3年前
sq57133 4年前
典典 4年前
yudan99 4年前
woshipianrenbu010 3年前
ShamGod 3年前
剑歌丶 3年前
yudan99 3年前
NEET 3年前
flyingfish 3年前
CaryRui 3年前
wandell 3年前
lklong 3年前
YeMou 3年前
DANAI 3年前
宋高峰 3年前
岁月不居 3年前
helo 3年前
a50z32 3年前
gstarcad 3年前
tianyamike 3年前
haojianqiang 3年前
GraySpider 3年前
boyane 3年前
kakaxi 3年前
风中絮 3年前
zhangkang 3年前
robinfire 3年前
DrizzIe 3年前
Arhan 3年前
jxdr 2年前
jxdr 2年前
laravel_peng 2年前
wandell 2年前
niconiconinini 2年前
Spider-boy 1年前

npm run dev 执行后就卡在这里了,

file
等了很久报错,各位应该怎么解决啊

file

4年前 评论
bing_ 4年前

file 卡了我一天了,不管运不运行这句,后面都会报错,求教这个怎么解决

4年前 评论

我来写一个, 希望可以给大家一点帮助, 卡我了一个礼拜,

一、这个文件内容替换, package.json 换成课本中的内容

file

删除 内容中的 cross-env

二、按上面的来

file 这一名可以不执行 sudo yarn add cross-env --save --no-bin-links 我这里执行后, 在执行 npm run dev 就报错了, 删除后就正常, 不知道你们是不是

三、resources/sass/app.scss 文件 只留下, 下面一行

// Bootstrap @import '~bootstrap/scss/bootstrap';

四、 运行 npm run dev 正常运行

这个东西太难搞了 , 大家加油。

2年前 评论

这个错误有人遇到过吗?

file

1年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!