创建vue+ts项目以及所遇到的错误解决方案

错误信息: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的,然后重新安装依赖

再次运行项目,成功了

运行效果:

  • 16
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值