新手怎么解决 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 于 6年前 加精
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 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!

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

6年前 评论
awen0317 5年前
TThekey 5年前
stabunkow 5年前
awen0317 5年前
awen0317 5年前
jxdr 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
6年前 评论
2400 5年前
awen0317 5年前
shtotoro 5年前
eeyes-backend 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了!!!

5年前 评论

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

6年前 评论

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

6年前 评论

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

6年前 评论

这个给力 , 完美解决问题

6年前 评论

可以可以,解决了

6年前 评论

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

6年前 评论
Master-Xue

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

6年前 评论

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

6年前 评论

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

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

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

6年前 评论
  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
6年前 评论
2400 5年前
awen0317 5年前
shtotoro 5年前
eeyes-backend 4年前

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

6年前 评论

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

file

5年前 评论
Mxinx 5年前

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

5年前 评论

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

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

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

5年前 评论

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

5年前 评论

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

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

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

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

file

5年前 评论
bing_ 5年前

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 正常运行

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

3年前 评论

这个错误有人遇到过吗?

file

2年前 评论

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