在学习教程中,总是遇到的一些坑(记录一下解决方法)

前端流使用中的问题


按着教程里的 yarn 安装总是会出现错误 的解决方法 (win10 环境下) 一定到按着以下步骤来:

  1. 第零步(如果遇到错误的时候执行,否则请跳过):
    $ rm -rf node_modules
  2. 第一步(国内网络环境原因,必须修改):
    .$ yarn config set registry  https://registry.npm.taobao.org
  3. 第二步(一定要加上 -- no-bin-links):
    $ yarn install --no-bin-links
  4. 第三步修改项目根目录下的 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"
    },
  5. 运行 npm run watch-poll

下面是截图:
file


在通过 yarn 引入 sweetalert 以及 china-area-data 的时候 (在 后面一定要加上 --no-bin-links

$ yarn add china-area-data --no-bin-links
$ yarn add sweetalert --no-bin-links

file

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

file

表示很无语 ……

本作品采用《CC 协议》,转载必须注明作者和本文链接
支付宝领个红包就是对我最大的赞赏了
附言 1  ·  5年前

在文章中的这段话:

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

附言 2  ·  5年前

是有前提的,大家阅读时候请认真看

本帖由系统于 5年前 自动加精
shijf
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 67

跟你一样的办法解决了,win环境下的Homestead很难受 :sob:

5年前 评论
AllenChen 4年前
Hh_hH 4年前

file
按照不走复制的还是报错呢这个是什么原因呢?

5年前 评论
shijf

@sunkai

file

你看下是在项目文件下么?

5年前 评论
shijf

@yangyang2018 ……

请在 Homestead 环境下

5年前 评论

file配置都没有问题 为什么不能访问啊

5年前 评论
shijf

@tianweiwei 看不懂你发的啥?那不是能ping通么

5年前 评论

@sunkai 我跟你的问题一样,这个文档有问题啊

5年前 评论

file能告诉我 这个外什么就不行 而且还加载不出app.scss 样式

5年前 评论
shijf

@tianweiwei

file

看上面我给你圈出来的错误,首先根据这个提示,你应该可以明确知道,这个错误是啥,还有也算是给你指出以后出为你要学着自己查看。

你的错误原因:

1.你在上方敲的命令是:npm run watch-poll --no-bin-links 是不能在后面加 --no-bin-links的,我在前面说的,也是有前提的,你应该看清楚,是在上一步加 --no-bin-links

2.就是希望你能认真的看这个贴子,从前到后的读懂。

解决问题的方法:

如果你确实按着之前的安装了 yarn ,那么请你再次运行npm run watch-poll,不要加任何的参数。

5年前 评论

file

我这严格按照教程执行得,都不行 看不懂,大神赐教啊

5年前 评论
shijf
5年前 评论

file

一直是 waiting 怎么处理呢?

5年前 评论
shijf

@proHorry 使用加速了么?看下是否是网络问题,

5年前 评论

file
5.7这个问题不知道是怎么一回事

5年前 评论
wengoo 4年前

@proHorry waiting这个问题,你是如何解决呢?

5年前 评论

@tianweiwei 我也是这个问题,你有解决方法了吗?

5年前 评论

file

file
按着这篇文档跑了两遍还是不行,也不知道是哪里出的问题。。还请大家帮帮忙。谢谢啦~

5年前 评论

file

file
怀疑过这些地方,可是又不确定,也不知道怎么改。按文档走不通了,我只好求助了,拜托了~

5年前 评论

一定要加上 -- no-bin-links...............................,我不加这个参数,再安装个 cross-env的包就成功了,加了前面那个参数就挂了,坑啊,没测过就不要那么绝对啊

5年前 评论
shijf

@TomJerry 你是什么环境??? 说清楚你所处的环境,不然其他人看到会有误解

5年前 评论

@shijf Homestead,linux环境,跟教程里面的一样

5年前 评论
taodaykiu

我用你这个方法还是没有解决,我估计是原来我的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 ,问题解决

5年前 评论

很多时候执行失败的问题都是node_modules没有下载完整造成的,可以适用淘宝镜像加速

5年前 评论
TigerLin

真是坑,这个坑搞了几天 删了下载 下载再删 弄来弄去还是报错 先是,'NODE_ENV' 不是内部或外部命令,也不是可运行的程序
,再来就是

file

5年前 评论
shijf

@airsa

file
貌似你是在 phpStudy 环境下 ,如果不用这个官方环境,可以参考我的另一篇文章

5年前 评论

今天踩了一天的坑,晚上再试试这个

5年前 评论

大赞,踩坑无数,按楼主这个方法成功了,改天有空了看看出错原因

5年前 评论

@wyj 你解决了吗 我也是win10 不行

5年前 评论
TigerLin

file
file
按照步骤一步一步删除了 几次了 我用phpstudy不行 现在装了vagrant还是不行 我是没有搞明白 这个mix作用到底是啥

5年前 评论

首先 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

5年前 评论

@shijf 您好,我昨天参考你的解决方案解决了我的问题,今天在安装$ yarn add china-area-data --no-bin-links,后面执行npm run watch-poll --no-bin-links;还是报之前您截图类似的错误。 :disappointed: :disappointed:

5年前 评论
shijf

@shenghuo1991 执行 rm 命令了吗

5年前 评论
Code_Er

@shenghuo1991 老哥请问你那个解决了吗我的问题跟你一样

5年前 评论
shijf

@shenghuo1991 我在win7下测试了下,用的laragon 工具 全程没有需要修改的地方,你可以试下这个工具

5年前 评论

@shijf 执行了rm,我重新按你的步骤来了一遍前面都没问题;就是到了$ yarn add china-area-data --no-bin-links之后再监听就报错。好的,有时间我试试laragon工具。

5年前 评论

@Code_Er 还没呢;我暂时没往下了。最近有点忙,有时间再研究。如果你解决了麻烦通知一下哈。谢谢!

5年前 评论
Code_Er

@shenghuo1991 我最后只能用了终极还原 把整个homestart删除了再下载才搞定

5年前 评论

@Code_Er 好吧,我估计也是哪里少了些东西!或者之前哪里有遗漏的。导致文件不齐。

5年前 评论
Code_Er

@shenghuo1991 就几个月没用。。。。

5年前 评论

@Code_Er 我电脑太卡,做起来实在难受,每个命令都要等很久。等以后换电脑再搞一遍 :stuck_out_tongue_winking_eye:

5年前 评论
Code_Er

@shenghuo1991 有点难受哈哈

5年前 评论

@shijf 大佬,我的错误和他的一样,这个该怎么解决啊

file

5年前 评论
shijf

@xjxjxj 你按着 我给你的方法多试几次 ,也要注意网络环境

5年前 评论

在install时 3/4 后面提示 Linking dependencies...
warning " > sass-loader@7.1.0" has unmet peer dependency "webpack@^3.0.0 || ^4.0.0". 请问这个有影响吗?

5年前 评论

@KangJian 我得报错跟你一模一样,你最后是则么弄得啊

4年前 评论

file
第一次watch-poll 可以成功,退出之后再执行就失败了,我的报错跟你们的不太一样!!!请问这么解决这个问题

4年前 评论

win10 遇到一样的问题,有大佬解决这个问题了吗?感谢大佬!

file

4年前 评论
shijf

@Levy 按着之前的步骤也不行吗

4年前 评论

我本机win10 装了homstead 和楼主一样的操作方法解决的。给你点个赞。

4年前 评论

npm i --save-dev cross-env试试这个,然后再运行npm run dev

4年前 评论

前期都文档操作执行,到了 npm run watch-poll 这一步出现如下图的问题。请大神救场……

file

4年前 评论
shijf

@wengoo 哈喽,我也许久没看这个了 发个公开贴吧

4年前 评论

个人经验分享

环境:win10、Homestead v7.8.0、Laravel 7.17.2

1、(如果遇到错误的时候执行,否则请跳过):

$ rm -rf node_modules

2、(国内网络环境原因,必须修改):

$ yarn config set registry https://registry.npm.taobao.org

3、(一定要加上 – no-bin-links):

$ yarn install --no-bin-links

4、修改项目根目录下的 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"
},

5、运行

$ npm run watch-poll

6、如果还是出错,继续运行

$ sudo npm install npm@latest -g

7、运行

$ npm run watch-poll
3年前 评论

完美解决问题。谢谢。我的场景是Mac上写的项目然后搭建环境从github上克隆下来装了一下环境。然后运行npm run dev报错。按照作者的顺序执行,解决了!感谢

3年前 评论
shijf

@kirit0 能帮一个算一个,想想当年一头雾水真的是头大,哈哈,回过头来再看真的是 年轻了

3年前 评论

win10 homestead 环境:

$ rm -rf ./node_modules
$ npm install –no-bin-links
$ npm run watch-poll

完美解决

3年前 评论
learner

也可以試試這個:yarn add cross-env 安装完以后再运行 npm run watch-poll

1年前 评论

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