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

看报错是否报 node-Sass/vendor 不存在，如果这样，你先执行下面的命令
使用 npm 重新生成 node-saaa
```
npm rebuild node-sass --no-bin-links
```
如果是在windows下面单纯的跑命令肯定是会多方面报错的，需要按照下面的操作：
让我们开始启动 Homestead：
```
> cd ~/Homestead && vagrant up
```
成功启动后，还是在 ~/Homestead 目录中，通过以下命令来 SSH 登录 Homestead 虚拟机中：
```
> vagrant ssh
```
再进入到samp文件夹

按照上面的执行一下
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 于 7年前加精

cww0128

课程读者 67 声望

可以进QQ群交流：925283872

100 人点赞

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

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

sudo npm install vue-template-compiler --save-dev --production=false --no-bin-links 改成sudo yarn add vue-template-compiler --save-dev --production=false --no-bin-links 就好了。npm install这个包失败好多次。

亦空

谢谢，按您的方法解决了~

bigb1993

mark，那么多种方案就这个成功了，感谢！

冬字差一人（作者）

自己学L05 又回来按自己的教程走了一遍每次配置这里真是不容易啊...

sq57133

还是不行的同学，在执行本楼楼主的 yarn install --no-bin-links 这行之前，先执行一下 yarn config set registry http://registry.cnpmjs.org

典典

已解决谢谢

yudan99

不错，解决了！！！

woshipianrenbu010

必须给个赞

ShamGod

是删除字符串 cross-env ，还是有cross-env ，那一行都删除

剑歌丶

占个坑，避免日后又掉坑里

yudan99

不错

NEET

mark

flyingfish

这个可以

CaryRui

占坑

wandell

正解

lklong

这个好使

YeMou

图挂了啊，看不到了，咋办啊

DANAI

占个坑

宋高峰

你这套方法应该进教程

岁月不居

神了！

helo

主要问题在执行命令时的 --no-bin-links 参数, 虚拟机创建软连接有问题导致安装和编译失败

a50z32

sudo npm install vue-template-compiler --save-dev --production=false --no-bin-links

gstarcad

谢谢，已解决

tianyamike

解决了我的问题

haojianqiang

感谢

GraySpider

sudo npm install vue-template-compiler --save-dev --production=false --no-bin-links,到这步的时候全是npm WARN deprecated

boyane

谢谢，解决了

kakaxi

@ShamGod 看最上面的回复，有个图，对照着来就行了

风中絮

zhangkang

如果还是不行在 npm run dev 之前跑一下这个 bash npm install --save npm-latest-version

robinfire

@a50z32 这个方法有效，更快一些。

DrizzIe

谢谢，按您的方法解决了~

Arhan

就你这有用啊狂赞

jxdr

我这里死活不行，为什么写书的人就不要可以解决一下/?

jxdr

我来写一个

laravel_peng

谢谢，终于解决了我的 laravel 8的问题也可以使用这个！！！

wandell

@wandell 服了我自己了又成功掉坑了一次

niconiconinini

我直接安装了bootstrap auth，然后用npm run dev，编译成功。

人在地球，刚下飞船

牛逼

Spider-boy

如果是根据以上做法却发现浏览器不显示样式的,可以先在Windows环境下进行 npm install命令,然后npm run dev ,接着回到Linux(Homestead)环境下npm run watch-poll即可出现样式

whitewing

课程读者 15 声望

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

7年前评论

awen0317

大哥为啥我按照你执行的不行呀，，，，，现在报这个错误了什么原因呢 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! @ development: NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the @ development script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /home/vagrant/.npm/_logs/2019-09-09T07_51_34_695Z-debug.log npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! @ dev: npm run development npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the @ dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in:

TThekey

@awen0317 解决了没我跟你报了一样的错

stabunkow

@awen0317 有解决办法了吗哥

awen0317

@TThekey 解决了执行指令时候加了sudo

awen0317

@TThekey @stabunkow 执行指令加了sudo

jxdr

@awen0317 我怎么一直报错啊，为什么啊。？

xiayin

课程读者 15 声望

升级 npm

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

安装

cnpm install
cnpm install cross-env --save-dev

执行编译
```
npm run dev
npm run watch-poll
```

6年前评论

2400

这个有效

awen0317

前两部对了，后一步不对

shtotoro

亲测有效，但可能需要加上 sudo，在我的Homestead上报没权限

eeyes-backend

这个有效！谢谢老哥

kylin87

课程读者 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年前评论

Forever_

课程读者 28 声望

感谢这个解答，确实解决了问题！

7年前评论

cww0128

课程读者 67 声望

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

7年前评论

Forever_

课程读者 28 声望

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

7年前评论

lm604882597

课程读者 1 声望

给力了终于好了

7年前评论

Workerman

课程读者 1 声望

给力，请置顶

7年前评论

lzw123

课程读者 15 声望

这个给力，完美解决问题

7年前评论

Baoyuan

课程读者 3 声望

可以可以，解决了

7年前评论

knife

课程读者 34 声望

怒赞

7年前评论

dwtmtdh

课程读者 25 声望

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

7年前评论

Master-Xue

课程读者 22 声望 / PHP开发 @ 大图网络

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

7年前评论

huanwuxusheng

课程读者 9 声望

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

7年前评论

whitewing

课程读者 15 声望

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

7年前评论

awen0317

TThekey

@awen0317 解决了没我跟你报了一样的错

stabunkow

@awen0317 有解决办法了吗哥

awen0317

@TThekey 解决了执行指令时候加了sudo

awen0317

@TThekey @stabunkow 执行指令加了sudo

jxdr

@awen0317 我怎么一直报错啊，为什么啊。？

guaguaerhao

课程读者 2 声望 / 不正经的前端 @ 岂知云

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

6年前评论

xiayin

课程读者 15 声望

升级 npm

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

安装

cnpm install
cnpm install cross-env --save-dev

执行编译
```
npm run dev
npm run watch-poll
```

6年前评论

2400

这个有效

awen0317

前两部对了，后一步不对

shtotoro

亲测有效，但可能需要加上 sudo，在我的Homestead上报没权限

eeyes-backend

这个有效！谢谢老哥

lupure

课程读者 19 声望 / aa @ bb

感谢这个解答，确实解决了问题！

6年前评论

richardguo

见习助教 173 声望

@xiayin 还是这个有效

6年前评论

bing_

课程读者 89 声望

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

file

6年前评论

Mxinx

我是在 npm run dev npm run watch-poll 这两行命令之前加了sudo通过了，之前也会像你一样报错

pee2bee

课程读者 2 声望

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

6年前评论

softer

课程读者 46 声望

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

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

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

6年前评论

kylin87

课程读者 4 声望

本人主机为win7,翻了好多同学的答案，并没有得到很好的解决，下面为我的解决方案，参考了很多同学的方案

到这里应该就可以npm run dev了！！！

5年前评论

冬字差一人

课程读者 18 声望

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

亦空

谢谢，按您的方法解决了~

bigb1993

mark，那么多种方案就这个成功了，感谢！

冬字差一人（作者）

自己学L05 又回来按自己的教程走了一遍每次配置这里真是不容易啊...

sq57133

还是不行的同学，在执行本楼楼主的 yarn install --no-bin-links 这行之前，先执行一下 yarn config set registry http://registry.cnpmjs.org

典典

已解决谢谢

yudan99

不错，解决了！！！

woshipianrenbu010

必须给个赞

ShamGod

是删除字符串 cross-env ，还是有cross-env ，那一行都删除

剑歌丶

占个坑，避免日后又掉坑里

yudan99

不错

NEET

mark

flyingfish

这个可以

CaryRui

占坑

wandell

正解

lklong

这个好使

YeMou

图挂了啊，看不到了，咋办啊

DANAI

占个坑

宋高峰

你这套方法应该进教程

岁月不居

神了！

helo

主要问题在执行命令时的 --no-bin-links 参数, 虚拟机创建软连接有问题导致安装和编译失败

a50z32

sudo npm install vue-template-compiler --save-dev --production=false --no-bin-links

gstarcad

谢谢，已解决

tianyamike

解决了我的问题

haojianqiang

感谢

GraySpider

sudo npm install vue-template-compiler --save-dev --production=false --no-bin-links,到这步的时候全是npm WARN deprecated

boyane

谢谢，解决了

kakaxi

@ShamGod 看最上面的回复，有个图，对照着来就行了

风中絮

zhangkang

如果还是不行在 npm run dev 之前跑一下这个 bash npm install --save npm-latest-version

robinfire

@a50z32 这个方法有效，更快一些。

DrizzIe

谢谢，按您的方法解决了~

Arhan

就你这有用啊狂赞

jxdr

我这里死活不行，为什么写书的人就不要可以解决一下/?

jxdr

我来写一个

laravel_peng

谢谢，终于解决了我的 laravel 8的问题也可以使用这个！！！

wandell

@wandell 服了我自己了又成功掉坑了一次

niconiconinini

我直接安装了bootstrap auth，然后用npm run dev，编译成功。

人在地球，刚下飞船

牛逼

Spider-boy

rabbit_wl

课程读者 7 声望

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

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

file

5年前评论

bing_

之前我也是这样，接着 $ npm run watch-poll 试试

bigb1993

课程读者 32 声望

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

5年前评论

jxdr

课程读者 68 声望

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

一、这个文件内容替换， 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 正常运行

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

4年前评论

zz52998

课程读者 2 声望

这个错误有人遇到过吗？

file

3年前评论

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

帮助

新手怎么解决 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！

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

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

删除 内容中的 cross-env

二、按上面的来

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

四、 运行 npm run dev 正常运行

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

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录

每个人的情况不一样还是不要直接粘贴别人的理解了Npm和Yarn在做什么可以更快的解决问题！

记录下自己解决BUG的过程本人配置（Windows 10 新系统教程版Homestead）

因为第一次报错了所有我先重置了所有相关文件

到此结束倒腾了1个多小时终于搞定！Over！

每个人的情况不一样还是不要直接粘贴别人的理解了Npm和Yarn在做什么可以更快的解决问题！

记录下自己解决BUG的过程本人配置（Windows 10 新系统教程版Homestead）

因为第一次报错了所有我先重置了所有相关文件

到此结束倒腾了1个多小时终于搞定！Over！

删除内容中的 cross-env

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

四、运行 npm run dev 正常运行

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