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

前端流使用中的问题


按着教程里的 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. 第三步修改项目根目录下的 pakage.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  ·  5个月前

在文章中的这段话:

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

附言 2  ·  5个月前

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

本帖由系统于 6个月前 自动加精
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 34
wyj

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

7个月前

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

6个月前
shijf

@sunkai

file

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

6个月前

win10报错

6个月前
shijf

@yangyang2018 ……

请在 Homestead 环境下

6个月前

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

6个月前
shijf

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

6个月前

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

6个月前

好东西!收藏

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

file

一直是 waiting 怎么处理呢?

4个月前
shijf

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

4个月前

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

3个月前

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

3个月前

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

2个月前

file

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

2个月前

file

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

2个月前

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

1个月前
shijf

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

1个月前

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

1个月前

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

1个月前
ZYN

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

1个月前
深入浅出

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

file

1个月前
shijf

@airsa

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

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

1周前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!