在学习教程中,总是遇到的一些坑(记录一下解决方法)
前端流使用中的问题
按着教程里的 yarn 安装总是会出现错误 的解决方法 (win10 环境下) 一定到按着以下步骤来:
- 第零步(如果遇到错误的时候执行,否则请跳过):
$ rm -rf node_modules - 第一步(国内网络环境原因,必须修改):
.$ yarn config set registry https://registry.npm.taobao.org - 第二步(一定要加上 -- no-bin-links):
$ yarn install --no-bin-links - 第三步修改项目根目录下的 package.json 文件:
"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 --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }, - 运行
npm run watch-poll
下面是截图:
在通过 yarn 引入 sweetalert 以及 china-area-data 的时候 (在 后面一定要加上 --no-bin-links)
$ yarn add china-area-data --no-bin-links
$ yarn add sweetalert --no-bin-links


如果按着教程写的 在运行 npm run watch-poll 编译前端的时候 ,会出现各种找不到的问题,在win 环境下 必须 在后面追加 --no-bin-links

表示很无语 ……
本作品采用《CC 协议》,转载必须注明作者和本文链接
在文章中的这段话:
如果按着教程写的 在运行 npm run watch-poll 编译前端的时候 ,会出现各种找不到的问题,在win 环境下 必须 在后面追加 --no-bin-links,
是有前提的,大家阅读时候请认真看
本帖由系统于 7年前 自动加精
关于 LearnKu
跟你一样的办法解决了,win环境下的Homestead很难受 :sob:
按照不走复制的还是报错呢这个是什么原因呢?
@sunkai
你看下是在项目文件下么?
win10报错
@yangyang2018 ……
请在 Homestead 环境下
@tianweiwei 看不懂你发的啥?那不是能ping通么
@sunkai 我跟你的问题一样,这个文档有问题啊
好东西!收藏
@tianweiwei
看上面我给你圈出来的错误,首先根据这个提示,你应该可以明确知道,这个错误是啥,还有也算是给你指出以后出为你要学着自己查看。
你的错误原因:
1.你在上方敲的命令是:
npm run watch-poll --no-bin-links是不能在后面加--no-bin-links的,我在前面说的,也是有前提的,你应该看清楚,是在上一步加--no-bin-links。2.就是希望你能认真的看这个贴子,从前到后的读懂。
解决问题的方法:
如果你确实按着之前的安装了
yarn,那么请你再次运行npm run watch-poll,不要加任何的参数。我这严格按照教程执行得,都不行 看不懂,大神赐教啊
@KangJian
一直是 waiting 怎么处理呢?
@proHorry 使用加速了么?看下是否是网络问题,
5.7这个问题不知道是怎么一回事
@proHorry waiting这个问题,你是如何解决呢?
@tianweiwei 我也是这个问题,你有解决方法了吗?
按着这篇文档跑了两遍还是不行,也不知道是哪里出的问题。。还请大家帮帮忙。谢谢啦~
怀疑过这些地方,可是又不确定,也不知道怎么改。按文档走不通了,我只好求助了,拜托了~
一定要加上 -- no-bin-links...............................,我不加这个参数,再安装个 cross-env的包就成功了,加了前面那个参数就挂了,坑啊,没测过就不要那么绝对啊
@TomJerry 你是什么环境??? 说清楚你所处的环境,不然其他人看到会有误解
@shijf Homestead,linux环境,跟教程里面的一样
我用你这个方法还是没有解决,我估计是原来我的npm做过cnpm,导致使用yarn报错
查阅资料:
npm安装依赖时是一个一个安装,yarn能并行安装,速度更快
npm命令对应的yarn命令
npm init ------ yarn init
npm run ------ yarn run
npm install ------ yarn install
npm install —save ----- yarn add
npm uninstall —save ------- yarn remove
npm install —save-dev ------ yarn add —dev
npm update —save ------- yarn upgrade
npm install --global -------- yarn global add
所以我用 cnpm install china-area-data --save ,问题解决
很多时候执行失败的问题都是node_modules没有下载完整造成的,可以适用淘宝镜像加速
真是坑,这个坑搞了几天 删了下载 下载再删 弄来弄去还是报错 先是,'NODE_ENV' 不是内部或外部命令,也不是可运行的程序
,再来就是
@airsa
貌似你是在 phpStudy 环境下 ,如果不用这个官方环境,可以参考我的另一篇文章
今天踩了一天的坑,晚上再试试这个
大赞,踩坑无数,按楼主这个方法成功了,改天有空了看看出错原因
@wyj 你解决了吗 我也是win10 不行
按照步骤一步一步删除了 几次了 我用phpstudy不行 现在装了vagrant还是不行 我是没有搞明白 这个mix作用到底是啥
首先 laravel 5.7 windows环境的话,根本就编译不了,各种报错,丢失模块,无法识别命令等。。。折腾一天 我最后改回 laravel 5.5,成功了。最后贴上我5.5的命令吧,可能能帮你躲过一些坑。
sudo apt-get install libpng16-dev
rm -rf node_modules/
yarn config set registry https://registry.npm.taobao.org
SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass yarn --no-bin-links
这样再开启 npm run watch-poll 就可以了。稍后的课程会安装其他依赖,现在可以提前安装好 毕竟要安装好久。
yarn add china-area-data --no-bin-links
yarn add sweetalert --no-bin-links
@shijf 您好,我昨天参考你的解决方案解决了我的问题,今天在安装
$ yarn add china-area-data --no-bin-links,后面执行npm run watch-poll --no-bin-links;还是报之前您截图类似的错误。 :disappointed: :disappointed:@shenghuo1991 执行 rm 命令了吗
@shenghuo1991 老哥请问你那个解决了吗我的问题跟你一样
@shenghuo1991 我在win7下测试了下,用的laragon 工具 全程没有需要修改的地方,你可以试下这个工具
@shijf 执行了rm,我重新按你的步骤来了一遍前面都没问题;就是到了$ yarn add china-area-data --no-bin-links之后再监听就报错。好的,有时间我试试laragon工具。
@Code_Er 还没呢;我暂时没往下了。最近有点忙,有时间再研究。如果你解决了麻烦通知一下哈。谢谢!
@shenghuo1991 我最后只能用了终极还原 把整个homestart删除了再下载才搞定
@Code_Er 好吧,我估计也是哪里少了些东西!或者之前哪里有遗漏的。导致文件不齐。
@shenghuo1991 就几个月没用。。。。
@Code_Er 我电脑太卡,做起来实在难受,每个命令都要等很久。等以后换电脑再搞一遍 :stuck_out_tongue_winking_eye:
@shenghuo1991 有点难受哈哈
@shijf 大佬,我的错误和他的一样,这个该怎么解决啊
@xjxjxj 你按着 我给你的方法多试几次 ,也要注意网络环境
在install时 3/4 后面提示 Linking dependencies...
warning " > sass-loader@7.1.0" has unmet peer dependency "webpack@^3.0.0 || ^4.0.0". 请问这个有影响吗?
@KangJian 我得报错跟你一模一样,你最后是则么弄得啊
第一次watch-poll 可以成功,退出之后再执行就失败了,我的报错跟你们的不太一样!!!请问这么解决这个问题
win10 遇到一样的问题,有大佬解决这个问题了吗?感谢大佬!
@Levy 按着之前的步骤也不行吗
我本机win10 装了homstead 和楼主一样的操作方法解决的。给你点个赞。
@shijf 嗯,是的。
npm i --save-dev cross-env试试这个,然后再运行npm run dev
前期都文档操作执行,到了 npm run watch-poll 这一步出现如下图的问题。请大神救场……
@wengoo 哈喽,我也许久没看这个了 发个公开贴吧
真棒
个人经验分享
环境:win10、Homestead v7.8.0、Laravel 7.17.2
1、(如果遇到错误的时候执行,否则请跳过):
2、(国内网络环境原因,必须修改):
3、(一定要加上 – no-bin-links):
4、修改项目根目录下的 package.json 文件:
5、运行
6、如果还是出错,继续运行
7、运行
完美解决问题。谢谢。我的场景是Mac上写的项目然后搭建环境从github上克隆下来装了一下环境。然后运行npm run dev报错。按照作者的顺序执行,解决了!感谢
@kirit0 能帮一个算一个,想想当年一头雾水真的是头大,哈哈,回过头来再看真的是 年轻了
win10 homestead 环境:
$ rm -rf ./node_modules
$ npm install –no-bin-links
$ npm run watch-poll
完美解决
也可以試試這個:yarn add cross-env 安装完以后再运行 npm run watch-poll