使用vue启动的时候,出现了:

npm run serve
&gt; vue3-<span style="color:#dcc6e0">admin</span>@<span style="color:#f5ab35">0.0</span><span style="color:#f5ab35">.0</span> serve
&gt; vite preview
sh: <span style="color:#f5ab35">1</span>: vite: <span style="color:#dcc6e0">not</span> <span style="color:#f5ab35">found</span>
linlin@linlin-i5:/workspace/vue3_learn_admin$ ls
config  ecosystem.config.js  LICENSE       package.json       <span style="color:#f5ab35">public</span>     src    vite.config.js        yarn.<span style="color:#dcc6e0">lock</span>
dist    <span style="color:#dcc6e0">index</span>.html           node_modules  package-<span style="color:#dcc6e0">lock</span>.json  README.md  theme  vue3-<span style="color:#dcc6e0">admin</span>-<span style="color:#dcc6e0">server</span>.js

说明没有安装需要的依赖vite

<span style="color:#abe338">npm</span> <span style="color:#abe338">install</span> -<span style="color:#abe338">g</span> <span style="color:#f5ab35">create-vite</span>

或者

<span style="color:#abe338">yarn</span> <span style="color:#abe338">global</span> <span style="color:#abe338">add</span> <span style="color:#f5ab35">create-vite</span>

然后:

在项目文件夹,删除

node_modules
文件夹和
package-lock.json
(或
yarn.lock
)文件。

重新安装依赖:

npm <span style="color:#dcc6e0">install</span>

<span style="color:#ffd700">yarn</span>

如果过程没有任何错误,就启动:

npm run serve


以上是理想的情况,实际上我的:

npm <span style="color:#dcc6e0">install</span> -g <span style="color:#dcc6e0">create</span>-vite
added <span style="color:#f5ab35">1</span> <span style="color:#dcc6e0">package</span> <span style="color:#dcc6e0">in</span> <span style="color:#f5ab35">1</span>s
Reshimming asdf nodejs...
linlin@linlin-i5:/workspace/vue3_learn_admin$ yarn
yarn <span style="color:#dcc6e0">install</span> v1<span style="color:#f5ab35">.22</span><span style="color:#f5ab35">.19</span>
<span style="color:#dcc6e0">warning</span> ../package.json: <span style="color:#dcc6e0">No</span> license <span style="color:#dcc6e0">field</span>
<span style="color:#dcc6e0">warning</span> <span style="color:#dcc6e0">package</span>-lock.json found. Your <span style="color:#dcc6e0">project</span> contains <span style="color:#dcc6e0">lock</span> files <span style="color:#dcc6e0">generated</span> <span style="color:#dcc6e0">by</span> tools other <span style="color:#dcc6e0">than</span> Yarn. It <span style="color:#dcc6e0">is</span> advised <span style="color:#dcc6e0">not</span> <span style="color:#dcc6e0">to</span> mix <span style="color:#dcc6e0">package</span> managers <span style="color:#dcc6e0">in</span> <span style="color:#dcc6e0">order</span> <span style="color:#dcc6e0">to</span> avoid resolution inconsistencies caused <span style="color:#dcc6e0">by</span> unsynchronized <span style="color:#dcc6e0">lock</span> files. <span style="color:#dcc6e0">To</span> <span style="color:#dcc6e0">clear</span> this <span style="color:#dcc6e0">warning</span>, remove <span style="color:#dcc6e0">package</span>-lock.json.
[<span style="color:#f5ab35">1</span>/<span style="color:#f5ab35">4</span>] Resolving packages...
<span style="color:#dcc6e0">success</span> Already up-<span style="color:#dcc6e0">to</span>-date.
Done <span style="color:#dcc6e0">in</span> <span style="color:#f5ab35">0.23</span>s.
^C
linlin@linlin-i5:/workspace/vue3_learn_admin$ <span style="color:#dcc6e0">source</span> ~/env_source_env 
linlin@linlin-i5:/workspace/vue3_learn_admin$ yarn
yarn <span style="color:#dcc6e0">install</span> v1<span style="color:#f5ab35">.22</span><span style="color:#f5ab35">.19</span>
<span style="color:#dcc6e0">warning</span> ../package.json: <span style="color:#dcc6e0">No</span> license <span style="color:#dcc6e0">field</span>
<span style="color:#dcc6e0">warning</span> <span style="color:#dcc6e0">package</span>-lock.json found. Your <span style="color:#dcc6e0">project</span> contains <span style="color:#dcc6e0">lock</span> files <span style="color:#dcc6e0">generated</span> <span style="color:#dcc6e0">by</span> tools other <span style="color:#dcc6e0">than</span> Yarn. It <span style="color:#dcc6e0">is</span> advised <span style="color:#dcc6e0">not</span> <span style="color:#dcc6e0">to</span> mix <span style="color:#dcc6e0">package</span> managers <span style="color:#dcc6e0">in</span> <span style="color:#dcc6e0">order</span> <span style="color:#dcc6e0">to</span> avoid resolution inconsistencies caused <span style="color:#dcc6e0">by</span> unsynchronized <span style="color:#dcc6e0">lock</span> files. <span style="color:#dcc6e0">To</span> <span style="color:#dcc6e0">clear</span> this <span style="color:#dcc6e0">warning</span>, remove <span style="color:#dcc6e0">package</span>-lock.json.
[<span style="color:#f5ab35">1</span>/<span style="color:#f5ab35">4</span>] Resolving packages...
<span style="color:#dcc6e0">success</span> Already up-<span style="color:#dcc6e0">to</span>-date.
Done <span style="color:#dcc6e0">in</span> <span style="color:#f5ab35">0.24</span>s.
linlin@linlin-i5:/workspace/vue3_learn_admin$ 
linlin@linlin-i5:/workspace/vue3_learn_admin$ 
linlin@linlin-i5:/workspace/vue3_learn_admin$ 
linlin@linlin-i5:/workspace/vue3_learn_admin$ npm run serve
&gt; vue3-<span style="color:#dcc6e0">admin</span>@<span style="color:#f5ab35">0.0</span><span style="color:#f5ab35">.0</span> serve
&gt; vite preview
sh: <span style="color:#f5ab35">1</span>: vite: <span style="color:#dcc6e0">not</span> <span style="color:#dcc6e0">found</span>

然后我使用:

yarn <span style="color:#f5ab35">add</span> vite

继续使用:

<span style="color:#ffd700">yarn</span>

启动(成功)

npm <span style="color:#f5ab35">run</span> serve

启动了:

/<span style="color:#ffd700">workspace</span>/vue<span style="color:#f5ab35">3</span>_learn_admin$ npm run serve
&gt; <span style="color:#ffd700">vue3</span>-admin@<span style="color:#f5ab35">0</span>.<span style="color:#f5ab35">0</span>.<span style="color:#f5ab35">0</span> serve
&gt; <span style="color:#ffd700">vite</span> preview
➜  <span style="color:#ffd700">Local</span>:   http://localhost:<span style="color:#f5ab35">4173</span>/
➜  <span style="color:#ffd700">Network</span>: use --host to expose
➜  <span style="color:#ffd700">press</span> h to show help