vue sh: 1: vite: not found
使用vue启动的时候,出现了:
npm run serve
> vue3-<span style="color:#dcc6e0">admin</span>@<span style="color:#f5ab35">0.0</span><span style="color:#f5ab35">.0</span> serve
> 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_modulespackage-lock.jsonyarn.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
> vue3-<span style="color:#dcc6e0">admin</span>@<span style="color:#f5ab35">0.0</span><span style="color:#f5ab35">.0</span> serve
> 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
> <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
> <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