ArcoDesign 使用时的两个报错及解决方法
<h1 id="arco-design-pro-使用常见报错及解决方法">Arco Design Pro 使用常见报错及解决方法</h1><h2 id="在执行-arco-init-项目名称-命令时遇到错误">在执行 <code>arco init <项目名称></code> 命令时遇到错误：</h2>
<h2 id="1-typeerror-cannot-read-properties-of-undefined-reading-question">1. TypeError: Cannot read properties of undefined (reading 'question')</h2>
<p>这是 <code>arco-cli</code> 工具在初始化项目时的一个已知问题。该错误通常是由于未正确加载 CLI 的基础配置，导致无法读取相关的 <code>question</code> 属性。</p>
<p>我尝试成功的一个解决方法如下：</p>
<ul>
<li>进入你需要创建项目的目录后，使用命令npm create（这是一个基于 npm init 的快捷脚手架工具）：</li>
</ul>
<pre><code class="language-python">npm create arco-pro@latest
</code></pre>
<ul>
<li>接着会提示让你输入项目名称，并针对需求选择项目属性之后即会显示项目初始化成功：</li>
</ul>
<p><img src="https://i-blog.csdnimg.cn/direct/b92af8796fd64f2ca114fac28d8441f4.png#pic_center"><br>
PS:还看到一个解决方式是使用一下命令进行初始化项目，但是没有尝试，不知道是否有用，具体命令如下：</p>
<pre><code class="language-python">cross-env BASE_CONFIG=local arco init <项目名称>
</code></pre>
<h2 id="2-vite-不是内部或外部命令也不是可运行的程序或批处理文件">2. 'vite' 不是内部或外部命令，也不是可运行的程序或批处理文件</h2>
<p>这里只需要单独装一下vite库就行，但是注意版本兼容性，比如我装了最新的vite以后出现了与其他库不兼容的现象：</p>
<p><img src="https://i-blog.csdnimg.cn/direct/cbd6191c3d484a529343a108bb38fbac.png#pic_center"></p>
<p>装指定vite库版本的安装命令为（这里指定为3.x版本）：</p>
<pre><code class="language-python">npm install vite@3 --save-dev
</code></pre>
<p>但是由于这里我会报错误 <code>ECONNRESET</code>，所以这里我更换包管理工具yarn即可成功安装：</p>
<ul>
<li>先装yarn库：</li>
</ul>
<pre><code> npm install -g yarn
</code></pre>
<ul>
<li>再利用yarn来装vite:</li>
</ul>
<pre><code>yarn add vite@3 --dev
</code></pre>
<p><strong>这样安装即成功，猜测原因应该是主要因为 <code>yarn</code> 的并行安装、严格版本锁定和更好的缓存机制，能更稳定地处理 Vite 的依赖关系，而 <code>npm</code> 可能因网络、缓存或依赖冲突导致安装失败。</strong></p>
<ul>
<li>此时能够正常运行代码，并自动打开相应的网页：</li>
</ul>
<p><img src="https://i-blog.csdnimg.cn/direct/6cff3fb45f5d49ac8ffe786235d3eb14.png#pic_center"></p>
<p>PS：这是第一次尝试使用Arco Design，可能解决报错略有不成熟</p><br><br>
来源：https://www.cnblogs.com/crispySK/p/18847276
頁:
[1]