windows安装acro-design-vue初始化项目报错

1,122 阅读1分钟

1、根据官网安装步骤 arco.design/vue/docs/pr…

npm i -g arco-cli
  • 刚开始我是直接等待依赖,然后依赖一直报错,第一次用的是npm,版本号为16.6.0,看到中间有句报错是npm的版本号需要18以上,改了版本号,仍然报错,报错为Command 「yarn 」 executed failed:,配置淘宝镜像,安装windows-build-tools等都不行

image.png

  • 发现官网有句关于安装依赖失败的

6e8261423416471e4270ab8c86821a5.png

  • 第二次全局安装yarn,安装yarn或者pnpm,进入项目后, yarn install或者 pnpm install,仍然报错

image.png

image.png

// 安装yarn,pnpm
npm install -g yarn
npm install -g pnpm

cd hello-arco-pro

// 安装依赖
yarn install
pnpm install
  • 第三次选好等待依赖时,直接退出,然后进入项目,使用yarn install安装的时候报错 pngquant failed to build, make sure that libpng-dev is installed , 重新安装pngquant,发现还是报错

image.png

image.png

  • 搜了一圈,发现从pngquant入手,系统环境缺少了一个dll文件,安装pngquant插件报错

解决方法:

  1. pngquant.org/ 官网下载pngquant,解压缩包到C:\\Windows\System32目录下,右键管理员身份运行pngquant.exe

image.png

image.png

  1. 右键管理员身份运行pngquant.exe时,会遇到缺少vcruntime140.dll库的问题,从微软官方www.microsoft.com/zh-cn/downl… 下载 Visual C++ Redistributable for Visual Studio 2015
  2. pnpm i再安装就不会报错了