1***@qq.com
1***@qq.com
  • 发布:2024-07-15 17:59
  • 更新:2024-07-16 14:36
  • 阅读:208

【报Bug】最新版的vue-cli 命令创建 typescript 项目封装组件无法编译成微信小程序

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Monterey 12.7.5

第三方开发者工具版本号: 1.06.2405020darwin-x64

基础库版本号: 3.4.10

项目创建方式: CLI

CLI版本号: vue --version @vue/cli 5.0.8

操作步骤:

第一步 安装cli

npm install -g @vue/cli

第二步 新建项目

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

第三步新建文件,在pages/index 文件夹下新建test.vue 文件

<template>  
  <div>  
    文字  
  </div>  
</template>  
<script setup lang='ts'>  
import { ref, withDefaults } from 'vue'  
</script>  
<style scoped>  
</style>

第四步 在pages/index 文件夹下的index.vue 文件中导入并使用这个文件

<template>  
  <view class="content">  
    <image class="logo" src="/static/logo.png" />  
    <view class="text-area">  
      <text class="title">{{ title }}</text>  
    </view>  
    <test></test>  
  </view>  
</template>  

<script setup lang="ts">  
import { ref } from 'vue'  
import test from './test.vue'  
const title = ref('Hello')  
</script>

第五步 ,编译成微信小程序

在终端运行

yarn dev:mp-weixin

预期结果:

应该编译通过成小程序的文件

实际结果:
[plugin:uni:mp-using-component] Expected ',' or '}' after property value in JSON at position 26  
at pages/index/index.vue:1:0

bug描述:

vue-cli 命令新创建 typescript 项目,封装任意组件无法都无法编译成微信小程序
node 版本20.11.1

2024-07-15 17:59 负责人:无 分享
已邀请:
BFC

BFC

收到,我这边验证一下。

  • 1***@qq.com (作者)

    我六月14号用cli创建的项目的时候,还是可以编译成小程序,为什么才过了一个月就用不行了。

    两个版本的package.json 是不同的版本,这种情况应该 还是在更新吧

    2024-07-16 09:18

  • 1***@qq.com (作者)

    回复 1***@qq.com: 看了一下ts的package.json模版最新一次的更新还在18天前

    2024-07-16 09:37

BFC

BFC

你好,我这边复现了问题, 主要是由于 vue-cli 获取的模板文件的依赖项过低导致的。
目前可以通过 执行 命令升级依赖项。

npx @dcloudio/uvm@latest

后续这边会更新对应的模板文件~

要回复问题请先登录注册