解决办法
需要手动全局安装@vitejs/create-app搞了半天一直以为我的环境变量有问题
问题场景
基于不影响原业务功能的影响,使用了nvm进行node版本管理
操作步骤
先nvm install latest(当前是16.3.0,我需要的新版本)
再查看已安装好的版本—— nvm list
再执行nvm use 16.3.0,进行版本切换(使用)
细看原来是进行了快捷方式的更改,那原有的环境变量就要进行对应的修改,以及c盘用户根目录下的.npmrc的配置修改为新的nodejs文件路径
附上环境变量参照,方便后期需要
C:“Program Files”\nodejs是软链接,真实路径在c盘用户根路径下\AppData\Roaming\nvm\v16.3.0或v10.17.0文件夹
key | value |
---|---|
node_global | C:“Program Files”\nodejs\node_global |
NVM_HOME | C:\Users\Shanshan.Xu1\AppData\Roaming\nvm |
NVM_SYMLINK | C:\Program Files\nodejs\node_global |
Path | %USERPROFILE%\AppData\Local\Microsoft\WindowsApps;C:\Program Files\nodejs;C:\Program Files\nodejs\node_global;%SystemRoot%\System32;%NVM_HOME%;%NVM_SYMLINK%;C:\Users\Shanshan.Xu1\AppData\Roaming\npm |
NODE_PATH | C:“Program Files”\nodejs\node_global\node_modules |
以上基本就是
中间遇到的问题是install版本后生成的文件夹里内容为空,则手动从提供的链接进行下载,解压放到对应的目录
按着vue3的文档,npm init @vitejs/app ,结果报错,一直以为是环境变量问题,后来干脆手动install到全局了。
有个esbuild相关的报错,\node_modules\esbuild\esbuild.exe ENOENT
终端进到项目\node_modules\esbuild目录,执行 node ./install.js,完毕
项目启动运行——npm install再npm run dev
结束。