vite—打包常见问题

1. 问题：打包时使用ts校验报错，原因是代码不符合ts校验规范
   解决方案：
   1. 关闭ts打包校验, 关闭vue-tsc ，修改package.json
   2. 修改不符合ts规范的代码, vsCode中划横线的代码

   // 方案一
   “scripts”: {
   “dev”: “vite”,
   // “build”: “vue-tsc --noEmit && vite build”,
   “build”: “vite build”,
   “serve”: “vite preview”
   },

2. 问题：打包生成dist文件夹，html引用的路径不对
   解决方案：修改配置文件 vite.config.ts，新增 base: ‘./’,

   import { defineConfig } from ‘vite’
   import vue from ‘@vitejs/plugin-vue’

   // https://vitejs.dev/config/
   export default defineConfig({
   plugins: [vue()],
   // 配置前端服务地址和端口
   server: {
   host: ‘0.0.0.0’,
   port: 3000,
   // 是否开启 https
   https: false,
   },
   base:’./’,
   })