因为最近在复习vite+vue3在启动时发生了报错导致项目起不来在这里记录一下
错误记录
-
报错代码:
(node:8066) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??='at Loader.moduleStrategy (internal/modules/esm/translators.js:149:18) (Use `node --trace-warnings ...` to show where the warning was created) -
查明原因是因为node的版本不够公司的项目是14+而vite有些依赖是需要更高版本的
nvm使用
1.先把之前的node完全卸载掉(ps:可以不卸载我未采用)
sudo rm -rf /usr/local/bin/npm
sudo rm -rf /usr/local/share/man/man1/node.1
sudo rm -rf /usr/local/lib/dtrace/node.d
sudo rm -rf ~/.npm
sudo rm -rf ~/.node-gyp
sudo rm /usr/local/bin/node
2.安装nvm,打开终端,查看你的shell 是 bash or zsh 可以对应更改
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | zsh
3. 上一步可能会timeOut可以安装:fastgithub但是可能还是会有延时的情况(最后我用的梯子)
4. 安装成功之后出现了提示
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
5. 配置环境变量
添加:touch ~/.zshrc
打开:open -e .zshrc
之后在.zshrc中将步骤四代码输入并输入source ~/.zshrc使其配置生效
6.关闭终端nvm就可以正常使用了
nvm常用命令
- nvm -v ------- nvm版本
- nvm list ------- 查看已安装的node版本
- nvm install 18.12.1 ------- 安装指定node版本
- nvm uninstall 18.12.1 ------- 卸载指定node版本