错误信息:SyntaxError: Cannot use import statement outside a module
此处node版本为12.12.0
错误原因:node版本使用过低造成的,使用高版本node,重新创建项目即可
vue+ts项目创建最低兼容的node版本是14的版本(后面运行时出现错误,不兼容一些特定的符号,建议直接使用16及以上的node版本),使用12的版本会报错,可以进行node版本升级,这里建议使用node的版本管理工具nvm,可以简单操作node版本的切换、安装、查看
版本更换后重新执行命令:
npm create vite
如图:输入你的项目名
接着选择你擅长的框架
选择你所要使用的语言
项目搭建完成
安装依赖,一定要cd到根目录下再安装依赖
npm install 或 npm i
运行项目
npm run dev
出现错误:(node:16616) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??='
百度了一下这种情况出现是因为低版本的node不兼容,不支持'??='符号,所以考虑高一点的node版本
切换node版本为16.20.0的,然后重新安装依赖
再次运行项目,成功了
运行效果: