新手怎么解决 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 于 2年前 加精
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 23

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

1年前 评论
a50z32 5个月前
亦空 11个月前
bigb1993 10个月前
冬字差一人 (作者) 3个月前
sq57133 10个月前
典典 10个月前
yudan99 9个月前
woshipianrenbu010 9个月前
ShamGod 9个月前
剑歌丶 9个月前
yudan99 8个月前
NEET 8个月前
flyingfish 8个月前
CaryRui 7个月前
wandell 7个月前
lklong 7个月前
ylphp 6个月前
DANAI 6个月前
TonyYang 6个月前
岁月不居 5个月前
helo 5个月前
a50z32 5个月前
sacred 5个月前
tianyamike 4个月前
haojianqiang 4个月前
GraySpider 4个月前
boyane 3个月前
kakaxi 2个月前
风中絮 2个月前
zhangkang 2个月前
robinfire 1个月前
DrizzIe 1个月前
Arhan 4周前

补充一点我今天按照这个方法解决时出现的问题:
在执行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

2年前 评论
awen0317 1年前
TThekey 1年前
stabunkow 1年前
awen0317 1年前
awen0317 1年前
jxdr 1年前
  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
2年前 评论
2400 1年前
awen0317 1年前
shtotoro 1年前
eeyes-backend 9个月前

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

2年前 评论

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

2年前 评论

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

2年前 评论

这个给力 , 完美解决问题

2年前 评论

可以可以,解决了

2年前 评论

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

2年前 评论
Master-Xue

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

2年前 评论

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

2年前 评论

补充一点我今天按照这个方法解决时出现的问题:
在执行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

2年前 评论
awen0317 1年前
TThekey 1年前
stabunkow 1年前
awen0317 1年前
awen0317 1年前
jxdr 1年前
guaguaerhao

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

2年前 评论
  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
2年前 评论
2400 1年前
awen0317 1年前
shtotoro 1年前
eeyes-backend 9个月前

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

2年前 评论

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

file

1年前 评论
Mxinx 1年前

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

1年前 评论

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

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

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

1年前 评论

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

1年前 评论

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

1年前 评论
a50z32 5个月前
亦空 11个月前
bigb1993 10个月前
冬字差一人 (作者) 3个月前
sq57133 10个月前
典典 10个月前
yudan99 9个月前
woshipianrenbu010 9个月前
ShamGod 9个月前
剑歌丶 9个月前
yudan99 8个月前
NEET 8个月前
flyingfish 8个月前
CaryRui 7个月前
wandell 7个月前
lklong 7个月前
ylphp 6个月前
DANAI 6个月前
TonyYang 6个月前
岁月不居 5个月前
helo 5个月前
a50z32 5个月前
sacred 5个月前
tianyamike 4个月前
haojianqiang 4个月前
GraySpider 4个月前
boyane 3个月前
kakaxi 2个月前
风中絮 2个月前
zhangkang 2个月前
robinfire 1个月前
DrizzIe 1个月前
Arhan 4周前

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

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

file

1年前 评论
bing_ 1年前

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

10个月前 评论

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