Tips：关于目前初始化项目失败的解决方案汇总

[xiaolong233]

Node环境

18.20.2、20.12.2、21.17.3 之前的版本即可，例如20.12.1。

备注：

• 其他版本的Node环境下会出现模板内容拷贝失败的情况。

参考：

吐槽一下问题非常简单；可见这个repo官方平时根本不看 原因是child_process.spawn有漏洞(CVE-2024-27980)-(HIGH)，调用要加{ shell: true } 2024.4.10 node修复了这个漏洞，代码执行就报错了 cli下载arco-design-pro-vue执行到.arco-cli\init.js就出现spawn报错 解决办法：node换到4.10前的版本，node-v18.20.1(4.3)测试正常

nodejs/node#52681 (comment)

It is intended behavior for the security patch CVE-2024-27980.

You must pass shell: true in the option on Windows environment if you need to spawn program ended with .bat or .cmd extension.

The patch is deployed in 18.20.2, 20.12.2, 21.17.3 and also 22.0.0

所以使用 18.20.2, 20.12.2, 21.17.3 之前的版本就可以了，arco-cli官方可以赶紧修正吧

Originally posted by @betgar in #92

初始化失败

问题表现：

Roaming\nvm\v20.12.1\node_modules\arco-cli\node_modules\arco-cli-dev-utils\lib\getAnswerFromUser.js:145
        const { question: { [command]: questions }, } = yield (0, baseConfig_1.getBaseConfig)();
                          ^

TypeError: Cannot destructure property 'question' of '(intermediate value)' as it is undefined.

解决办法：

cross-env BASE_CONFIG=local arco init <项目名称>

备注：

• arco-cli在初始化项目时，如果BASE_CONFIG不为local，会通过远程接口https://arco.design/material/api/cliConfig获取配置信息，但远程接口目前返回的是错误结果，导致初始化过程出现异常。
• Windows环境下，通过cross-env设置BASE_CONFIG的环境变量值。

参考：
_Originally posted by @oljc in #101

安装cross-env

npm i -g cross-env

[yuminghui1]

/.nvm/versions/node/v21.7.3/lib/node_modules/arco-cli/node_modules/arco-cli-dev-utils/lib/getAnswerFromUser.js:145
const { question: { [command]: questions }, } = yield (0, baseConfig_1.getBaseConfig)();

[yuminghui1]

tk 已解决

[Huazeu]

字节应该给你磕一个

[jcomey]

。。。

[jcomey]

cross-env BASE_CONFIG=local arco init <项目名称> 这样就解决了！！！！！！！！！！！！！！！！！！！

[jcomey]

? 请选择你希望使用的技术栈 Vue
? 请选择所要创建项目的类型 Arco Pro 项目
? 请选择 Arco Pro 模板 完整版（包含所有页面）

正在初始化项目于 E:\mygit\arco-admin\arco-admin
✔ 获取项目模板成功
✖ 模板内容拷贝失败
Error: spawnSync npm.cmd EINVAL
at Object.spawnSync (node:internal/child_process:1120:20)
at spawnSync (node:child_process:868:24)
at module.exports (C:\Users\Administrator.arco_template_cache\1742998694114\node_modules\arco-design-pro-vue.arco-cli\init.js:18:31)
at C:\Users\Administrator\AppData\Roaming\npm\node_modules\arco-cli\node_modules\arco-cli-create-project\lib\index.js:129:23
at Generator.next ()
at fulfilled (C:\Users\Administrator\AppData\Roaming\npm\node_modules\arco-cli\node_modules\arco-cli-create-project\lib\index.js:5:58)
at process.processTicksAndRejections (node:internal/process/task_queues:105:5) {
errno: -4071,
code: 'EINVAL',
syscall: 'spawnSync npm.cmd',
path: 'npm.cmd',
spawnargs: [
'run',
'gen:vite',
'--',
'--projectPath=E:\mygit\arco-admin\arco-admin'
]
}
Error: EBUSY: resource busy or locked, rmdir 'C:\Users\Administrator.arco_template_cache\1742998694114\node_modules\arco-design-pro-vue'
node:fs:1201
binding.rmdir(path);
^

Error: EBUSY: resource busy or locked, rmdir 'C:\Users\Administrator.arco_template_cache\1742998694114\node_modules\arco-design-pro-vue'
at Object.rmdirSync (node:fs:1201:11)
at rmdirSync (C:\Users\Administrator\AppData\Roaming\npm\node_modules\arco-cli\node_modules\fs-extra\lib\remove\rimraf.js:264:13)
at rimrafSync (C:\Users\Administrator\AppData\Roaming\npm\node_modules\arco-cli\node_modules\fs-extra\lib\remove\rimraf.js:243:7)
at C:\Users\Administrator\AppData\Roaming\npm\node_modules\arco-cli\node_modules\fs-extra\lib\remove\rimraf.js:279:39
at Array.forEach ()
at rmkidsSync (C:\Users\Administrator\AppData\Roaming\npm\node_modules\arco-cli\node_modules\fs-extra\lib\remove\rimraf.js:279:26)
at rmdirSync (C:\Users\Administrator\AppData\Roaming\npm\node_modules\arco-cli\node_modules\fs-extra\lib\remove\rimraf.js:269:7)
at rimrafSync (C:\Users\Administrator\AppData\Roaming\npm\node_modules\arco-cli\node_modules\fs-extra\lib\remove\rimraf.js:243:7)
at C:\Users\Administrator\AppData\Roaming\npm\node_modules\arco-cli\node_modules\fs-extra\lib\remove\rimraf.js:279:39
at Array.forEach () {
errno: -4082,
code: 'EBUSY',
syscall: 'rmdir',
path: 'C:\Users\Administrator\.arco_template_cache\1742998694114\node_modules\arco-design-pro-vue'
}

Node.js v22.12.0

[davidkoojohn]

别那么麻烦了，直接用 pnpm create arco-pro@latest 创建项目。

[yhysir]

字节官方应该给你磕一个。

[gouxinjie]

我切换到node16版本，还是需要安装 npm i -g cross-env ；然后使用 cross-env BASE_CONFIG=local arco init <项目名称> 创建项目才可以。
安装依赖又报下面的错误：（很明显需要node版本>=18）

Error: Command 「npm install」 executed failed:
npm WARN ERESOLVE overriding peer dependency
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'rollup-plugin-visualizer@5.14.0',
npm WARN EBADENGINE   required: { node: '>=18' },
npm WARN EBADENGINE   current: { node: 'v16.20.2', npm: '8.19.4' }
npm WARN EBADENGINE }

想了一下还是使用nvm切换到18.20.6版本 使用：pnpm create arco-pro@latest 命令成功创建项目并下载依赖。
但npm run dev 运行项目后页面和控制台报错：
Failed to load parser 'vue-eslint-parser' declared in '.eslintrc.js': Cannot find module 'vue-eslint-parser' 。

最后又重新安装vue-eslint-parser才得以运行成功：
pnpm i vue-eslint-parser --save

[xiaolong233]

我切换到node16版本，还是需要安装 npm i -g cross-env ；然后使用 cross-env BASE_CONFIG=local arco init <项目名称> 创建项目才可以。 安装依赖又报下面的错误：（很明显需要node版本>=18）

Error: Command 「npm install」 executed failed:
npm WARN ERESOLVE overriding peer dependency
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'rollup-plugin-visualizer@5.14.0',
npm WARN EBADENGINE   required: { node: '>=18' },
npm WARN EBADENGINE   current: { node: 'v16.20.2', npm: '8.19.4' }
npm WARN EBADENGINE }

想了一下还是使用nvm切换到18.20.6版本 使用：pnpm create arco-pro@latest 命令成功创建项目并下载依赖。 但npm run dev 运行项目后页面和控制台报错： Failed to load parser 'vue-eslint-parser' declared in '.eslintrc.js': Cannot find module 'vue-eslint-parser' 。

最后又重新安装vue-eslint-parser才得以运行成功： pnpm i vue-eslint-parser --save

@gouxinjie

• cross-env主要用于在运行arco init时设置环境变量BASE_CONFIG的值，和node版本无关
• rollup-plugin-visualizer@5.14.0是arco design pro中用到的包，要求node的版本>=18

rollup-plugin-visualizer/package.json

 "engines": {
   "node": ">=18"
 },

[gateslu]

字节应该给你磕一个

[LiangJunRan262]

字节应该给你磕一个

[fate93930]

字节应该给你磕一个