薯片别闹
薯片别闹
  • 发布:2024-04-15 11:08
  • 更新:2024-04-15 17:39
  • 阅读:525

【报Bug】使用Vue3/Vite版本,在vite.config.ts中引入@vitejs/plugin-vue后,编译报错

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业工作站版 21H2

浏览器平台: Firefox

浏览器版本: 124.0.2 (64 位)

项目创建方式: CLI

CLI版本号: 3.0.0-4000820240401001

示例代码:

vite.config.ts完整代码如下:

import { defineConfig } from "vite";  
import uni from "@dcloudio/vite-plugin-uni";  
import vue from '@vitejs/plugin-vue'  
import path from "path";  

// https://vitejs.dev/config/  
export default defineConfig({  
  plugins: [uni(), vue()],  
  resolve: {  
    alias: {  
      '@': path.resolve(__dirname, 'src'), // 将'@'指向项目src目录  
    },  
  },  
});  

app.vue中完整代码

<script setup lang="ts">  
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";  
onLaunch(() => {  
  console.log("App Launch");  
});  
onShow(() => {  
  console.log("App Show");  
});  
onHide(() => {  
  console.log("App Hide");  
});  
</script>  
<style></style>  

操作步骤:

使用npm build命令后编译出现该问题(任意平台)

预期结果:

编译成功

实际结果:

编译失败

bug描述:

vite.config.ts插入@vitejs/plugin-vue插件后,在编译时,提示
[plugin:vite:vue] At least one <template> or <script> is required in a single file component.
at App.vue:1:0

实际app.vue中存在<script>标签,即使加入了<template>标签编译依旧失败。在移除@vitejs/plugin-vue插件后编译成功,但是ts无法识别vue的单组件,或者组件实例只能通过any的形式来处理

2024-04-15 11:08 负责人:无 分享
已邀请:
1***@163.com

1***@163.com - 573219

同问,解决了吗

要回复问题请先登录注册