vue cli图片出错误(实际上是image-webpack-loader出现问题)

Chason
2021-03-12 / 0 评论 / 0 点赞 / 748 阅读 / 745 字
温馨提示:
本文最后更新于 2021-03-12,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

问题原因:通过yarn安装imang-webpack-loader出现问题。

错误提示

image.png

解决思路:

先卸载,然后通过cnpm安装此插件即可。

npm uninstall image-webpack-loader

cnpm install --save-dev image-webpack-loader

解决方法(一)

  1. 项目目录,删掉node_modules文件夹(如果没有就忽略)。
  2. 执行:yarn
  3. 执行:yarn upgrade
  4. (解决方法)执行:cnpm install --save-dev image-webpack-loader
  5. yarn serve

解决方法 (二)【推荐】

  1. 修改hosts文件(C:\Windows\System32\drivers\etc\hosts)

  2. 通过dns工具找到对应的id地址。(例如:https://site.ip138.com/raw.Githubusercontent.com/

  3. 添加以下字段(这里的ip换成第二步找到的ip):

    185.199.109.133 raw.githubusercontent.com

  4. 项目目录,删掉node_modules文件夹(如果没有就忽略)。

  5. 执行:yarn

  6. 执行:yarn upgrade

0

评论区