uni-app 使用Vue3/Vite/TS构建, vite+ts+vue3小程序编译失败,浏览器没问题

使用Vue3/Vite版

  • npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
  • 上面不行的话点击这个链接 ,获取模板 gitee,机器验证

用VS Code打开我们所创建的项目uni-app 使用Vue3/Vite/TS构建, vite+ts+vue3小程序编译失败,浏览器没问题_第1张图片

1.首先下载有关依赖

yarn 或者 npm i 

2.运行

# 运行到 h5   
npm run dev:h5  
# 运行到 app   
npm run dev:app  
# 运行到 微信小程序  
npm run dev:mp-weixin  

注意:

  • H5 是可以在 vscode 上执行, 至于微信小程序, 请看下面操作

  • 微信小程序

  • 首先执行 npm run dev:mp-weixin

  • 执行完毕如下uni-app 使用Vue3/Vite/TS构建, vite+ts+vue3小程序编译失败,浏览器没问题_第2张图片

  • 在项目dist文件夹的dev的会多出一个文件mp-weixin,目录结构即为小程序的结构
    uni-app 使用Vue3/Vite/TS构建, vite+ts+vue3小程序编译失败,浏览器没问题_第3张图片

  • 然后我们打开微信开发者工具, 导入项目
    uni-app 使用Vue3/Vite/TS构建, vite+ts+vue3小程序编译失败,浏览器没问题_第4张图片

  • 导入成功之后
    uni-app 使用Vue3/Vite/TS构建, vite+ts+vue3小程序编译失败,浏览器没问题_第5张图片

你可能感兴趣的:(TypeScript,小程序,小程序,vue.js,vscode,TS,vite)