vite—打包常见问题
问题:打包时使用ts校验报错,原因是代码不符合ts校验规范解决方案:1. 关闭ts打包校验, 关闭vue-tsc ,修改package.json2. 修改不符合ts规范的代码, vsCode中划横线的代码// 方案一“scripts”: {“dev”: “vite”,// “build”: “vue-tsc --noEmit && vite build”,“build”: “vit
-
问题:打包时使用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”
}, -
问题:打包生成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:’./’,
})
更多推荐
所有评论(0)