创建 Arco Design Pro 项目失败原因分析

小姚同学ᵕ̈

已于 2023-03-21 12:29:20 修改

阅读量3.1k

点赞数 1

于 2023-03-21 12:26:38 首次发布

本文链接：https://blog.csdn.net/gsc2738325971/article/details/129685793

版权

本文分析了创建 Arco Design Pro 项目时遇到的模板内容拷贝失败的问题，可能的原因包括webpack和node版本不兼容，以及中文路径导致的初始化失败。解决方案包括在纯英文目录下重新尝试，并手动安装依赖。

摘要由CSDN通过智能技术生成

创建 Arco Design Pro 项目失败原因分析

Arco是字节旗下的一款开源UI框架，今天在使用是发现了一点问题，在这里总结一下。

以下是情景复现：

安装 arco cli

npm i -g @arco-design/arco-cli

在这里插入图片描述

新建项目

arco init vue-arco

选择技术栈

在这里插入图片描述

选择要创建的类型：选择Arco Pro 项目

在这里插入图片描述

结果: 报错显示 模板内容拷贝失败

在这里插入图片描述

分析原因</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小姚同学ᵕ̈

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

arco-cli脚手架创建项目时，踩坑点及解决办法

qq_34082921的博客

08-14

1055

【代码】arco-cli脚手架创建项目时，踩坑点及解决办法。

创建Arco Pro 项目报错 ERROR Error: EBUSY: resource busy or locked, rmdir....errno:-4028解决

有事儿私信。

02-16

2516

创建Arco Pro 项目报错 ERROR Error: EBUSY: resource busy or locked, rmdir....errno:-4028解决

参与评论您还未登录，请先登录后发表或查看评论

Arco design pro的安装、部署、配置

atec2000的专栏

08-27

244

Arco design pro的安装和部署

cds008的博客

07-31

3892

Arco Design 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统，对标蚂蚁的ant Design。本质上 Pro 项目是一套项目模版，市面上常见的中后台项目模版一般都有固定的选型和架构，这样用户如果想自己修改架构，成本会比较大。

Arco Design 安装和配置指南

最新发布

gitblog_07973的博客

09-13

398

Arco Design 安装和配置指南 arco-design A comprehensive React UI components library based on Arco Design 项目地址: https://gitc...

arco-design初始化

zhudingfengshen的博客

12-01

4880

安装脚手架 npm i -g @arco-design/arco-cli 查看版本号注: 第一次查看版本会让选择平台初始化项目选择创建类型初始化并安装依赖. 启动项目经过排查错误发现是依赖安装失败，因为打开了很多个控制台，上一个初始化时依赖安装失败并没有查看到，npm install重新安装就好排查失败原因发现了这样一行文字，最直观的感觉就是没有设置镜像，所以导致安装失败，因此查看了配置文件。直接复制粘贴设置镜像就好。重新启动 .

arco-design-pro-vue使用pnpm run build失败问题解决方法

xia_runsheng的博客

06-26

297

二、针对 src/views/visualization/data-analysis/components/chain-item.vue:43。arco-design框架，按官网搭建后，pnpm run dev没有问题，但是pnpm run build会失败报错，如下。"noImplicitAny": false, // 是否在表达式和声明上有隐含的any。series数据结构里data,改成data: data.value[0],在chain-item.vue里修改两处。修改tsconfig.json。

【报错】Arco新建工程时 Error: spawnSync pnpm.cmd ENOENT

虎康的博客

01-19

1507

然后等待依赖安装就行了。然后重新再执行上面初始化项目的全过程。

macOS下 Arco Design Pro 安装依赖时NPM ERR解决方案

DMUAllen的博客

03-10

690

autoreconf问题：没有装上automake工具。mac中，npm没有automake工具链中的libtool包。Arco Design Pro是字节家的开源组件库Arco Design推出的一款企业级sass中后台网站模板。但是到最后一步安装环境依赖时，安装时间很久倒是其次，重点是会出现大量NPM ERR以及其他错误。时延错误：挂梯子解决，换npm为淘宝源会导致项目模板都获取失败。遗憾的是，在macos中，它并不能做到开箱即用。脚手架会自动为你的项目新建文件夹。安装完脚手架后，使用。

关于创建vue项目报错command failed: npm install --loglevel error

南风花海的博客

02-11

962

在这个目录下有个文件叫.vuerc。

关于arco.design遇到的一些问题。

m0_64115279的博客

07-06

2334

arco.design，表单验证rule的绑定，select选择器官方自带搜索字段，循环数据绑定表单验证，绑定的官网的表单提交函数，a-modal弹框，文件导出

基于 Arco Design Pro 前端模板开发的 ContiNew Admin 前端适配项目.zip

04-03

ContiNew Admin 是一个基于 Arco Design Pro 模板开发的前端适配项目，主要针对企业级后台管理系统的需求，提供了一套完整的界面解决方案。Arco Design Pro 是阿里云推出的一款高性能、易用且组件丰富的前端框架，它...

毕业设计《网络人物关联信息分析系统》前端（基于 Arco Design Pro）

05-12

这个项目基于Arco Design Pro框架，一个由阿里云团队开发的高效、易用的React组件库，旨在提供高质量的设计体验和开发效率。在本项目中，前端部分扮演着至关重要的角色，它负责将复杂的网络数据转化为用户友好的界面...

基于 ThinkPHP6 和 Arco Design Vue 开发的一套CMS管理系统源码.zip

05-21

总结，本项目利用ThinkPHP6的强大后端功能与Arco Design Vue的精美前端设计，结合Vue.js和JavaScript/ECMAScript的技术优势，构建出一套高效、易用的CMS管理系统。通过理解并深入学习这些技术，开发者可以更好地掌握...

创建 Arco Design Pro

m0_67391683的博客

03-02

2133

1.安装arco cli npm i -g @arco-design/arco-cli 可能会报错，mac的会报权限不够的问题，使用sudo npm i -g @arco-design/arco-cli webpack版本过低也会报错，升级webpack版本即可解决。运行arco如下，及脚手架安装成功。 2. 新建项目 arco init hello-arco-pro 选择技术栈选择要创建的类型项目创建成功。 3启动项目。 $ cd hello-arco-pro $ npm run de

vue环境搭建、新建vue项目

Alison_Rose

06-15

1264

好久之前就在本地总结了nodejs的安装、vue安装、新项目搭建，刚翻翻本地的笔记文件夹才想起来发到博客上。。。vue环境搭建之前，先要安装好Nodejs，具体安装https://blog.csdn.net/alison_rose/article/details/80705846一、安装全局vue-cli脚手架，用于帮助搭建所需的模板框架1、 cmd中输入cnpm install -g vue-...

一文带你入门Arco Design，快速构建一个Arco项目Demo

大河之犬的博客

12-09

7760

开始开发之前，请确认本地环境中安装好了。看到以下输出就是创建成功了。访问地址，运行成功！

Arco Design Vue 项目常见问题解决方案

gitblog_07115的博客

09-13

288

Arco Design Vue 项目常见问题解决方案 arco-design-vue A Vue.js 3 UI Library based on Arco Design 项目地址: https://gitcode.com/gh_...

字节跳动Vue3框架ArcoDesign Pro整合实战:前端篇

04-18

适用人群所有的IT从业者，尤其适合快速掌握新技术，快速增长工作经验人群，对教育公平，教育公益，教育爱心公益人士课程概述【※ 购买前提醒 ※】课程概述该互联网实战项目是基于字节跳动开源arco design产品框架，前后端分离，开发项目实战。本课程分为前端+后端共计2个课程，本课属于前端部分，后端属于另外课程。后端部分：SpringBoot+SpringSecurity+Mybatisplus+MySQL+Knife4j中后台项目产品实战，包括图形展示、权限管理、用户管理等功能 https://download.csdn.net/course/detail/37057 ArcoDesign 是一套设计系统的简称。ArcoDesign 的目标, 即通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题，同时它能够促进设计部门和研发部门之间协作, 成为开发者之间沟通的语言。ArcoDesign 主要服务于字节跳动旗下中后台产品的体验设计和技术实现，主要由UED设计和开发同学共同构建及维护。【前端技术】Vue 互联网最火的前端框架Vue Router路由框架Vuex全局状态管理框架Axios前端 HTTP 框架Arco Design 前端模板

arco design vue项目初始化失败

07-12

如果在使用 arco design 初始化 Vue 项目时遇到了问题，可以尝试以下解决方案： 1. 确保 Node.js 和 npm 已经正确安装，并且版本符合要求。你可以使用 `node -v` 和 `npm -v` 命令来检查它们的版本。 2. 确保已全局安装了 @vue/cli。你可以使用以下命令进行安装： ``` npm install -g @vue/cli ``` 3. 确保你使用的是最新版本的 arco-cli。你可以使用以下命令进行更新： ``` npm install -g arco-cli ``` 4. 在创建 Vue 项目时，尝试使用 `--preset` 参数，并指定 arco-design-vue 作为预设。例如： ``` vue create my-project --preset arco-design/arco-design-vue ``` 这将使用 arco-design-vue 的预设来初始化项目。 5. 如果以上方法仍然无法解决问题，你可以尝试手动初始化项目并添加 arco-design-vue 相关的依赖。具体步骤如下： - 创建一个新的 Vue 项目： ``` vue create my-project ``` - 进入项目目录： ``` cd my-project ``` - 安装 arco-design-vue 相关依赖： ``` npm install arco-design-vue ``` - 在项目中引入 arco-design-vue 的样式和组件，可以参考官方文档进行配置。如果问题仍然存在，请提供更具体的错误信息，以便我能够给出更准确的解决方案。