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

前端流使用中的问题


按着教程里的 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
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 67

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

5年前 评论

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

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

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

3年前 评论

个人经验分享

环境: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年前 评论

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

5年前 评论

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

5年前 评论
Code_Er

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

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年前 评论
Code_Er

@shenghuo1991 有点难受哈哈

5年前 评论

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

5年前 评论
Code_Er

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

5年前 评论

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

5年前 评论

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

5年前 评论

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

5年前 评论
shijf

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

5年前 评论
Code_Er

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

5年前 评论
shijf

@shenghuo1991 执行 rm 命令了吗

5年前 评论
learner

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

1年前 评论

@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年前 评论
shijf

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

3年前 评论

win10 homestead 环境:

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

完美解决

3年前 评论
shijf

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

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

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年前 评论

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

5年前 评论
TigerLin

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

file

5年前 评论
shijf

@airsa

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

5年前 评论

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

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年前 评论

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