vite2+vue3+ts+script-setup 进行打包报错

1，chartset错误

defineConfig 配置

css: {
    preprocessorOptions: {
      scss: {
        charset: false
      }
    }
},

2,子组件ref方法ts报错

子组件导出方法

    defineExpose({
        open,
    })
    type TUserInfo = InstanceType<typeof UserInfo>
    const userInfoRef = ref<TUserInfo | any>()
    定义userInfoRef为 TUserInfo|any

父组件引入方法

    type TUserInfo = InstanceType<typeof UserInfo>
    const userInfoRef = ref<TUserInfo | any>()

一定要定义userInfoRef为 TUserInfo|any 不然build就会不通过

3, 移动端调试vconsole 打包报错

在vite.config 安装插件 vite-plugin-vconsole

    import { viteVConsole } from 'vite-plugin-vconsole'
    plugins: [
        vue(),
        viteVConsole({
          entry: path.resolve('src/main.ts'),
          localEnabled: true,
          enabled: true,
          config: {
            maxLogNumber: 1000,
            theme: 'dark'
          }
        })
   ],

解决打包报错