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

前端流使用中的问题


按着教程里的 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

表示很无语 ……

支付宝领个红包就是对我最大的赞赏了

file

附言 1  ·  8个月前

在文章中的这段话:

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

附言 2  ·  8个月前

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

本帖由系统于 9个月前 自动加精
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 49
wyj

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

10个月前

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

9个月前
shijf

@sunkai

file

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

9个月前

win10报错

9个月前
shijf

@yangyang2018 ……

请在 Homestead 环境下

9个月前

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

9个月前
shijf

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

9个月前

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

9个月前

好东西!收藏

8个月前

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

8个月前
shijf

@tianweiwei

file

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

你的错误原因:

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

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

解决问题的方法:

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

8个月前

file

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

8个月前
shijf
8个月前

file

一直是 waiting 怎么处理呢?

7个月前
shijf

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

7个月前

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

6个月前

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

6个月前

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

5个月前

file

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

5个月前

file

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

5个月前

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

4个月前
shijf

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

4个月前

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

4个月前
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 ,问题解决

4个月前
ZYN

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

4个月前
深入浅出

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

file

4个月前
shijf

@airsa

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

4个月前
lupure

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

4个月前
lupure

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

4个月前

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

3个月前
深入浅出

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

3个月前

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

3个月前

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

1个月前
shijf

@shenghuo1991 执行 rm 命令了吗

1个月前

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

1个月前
shijf

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

1个月前

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

1个月前

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

1个月前

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

1个月前

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

1个月前

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

1个月前

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

1个月前

@shenghuo1991 有点难受哈哈

1个月前

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

file

1个月前
shijf

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

1个月前
Neymar

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

1周前

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