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

  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 于 8个月前 加精
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 16

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

9个月前

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

9个月前

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

9个月前

给力了 终于好了

9个月前

给力,请置顶

9个月前

这个给力 , 完美解决问题

8个月前

可以可以,解决了

8个月前

怒赞

7个月前

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

7个月前
Master-Xue

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

5个月前

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

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个月前
guaguaerhao

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

3个月前
  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个月前
lupure

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

1个月前

@xiayin 还是这个有效

1个月前

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!