vue3.0+vite+ts项目搭建(报错处理)
转载自: https://www.cnblogs.com/ToBeBest/p/15597961.html
报错一
warning package.json: No license field
$ vue-tsc --noEmit && vite build
解决方案,添加这两行,只添加一个是没有用的
报错二
node_modules/@vue/runtime-core/dist/runtime-core.d.ts:1193:6 - error TS2748: Cannot access ambient const enums when the '--isolatedModules' flag is provided.
把tsconfig.json中的isolatedModules设置为false
报错三
yarn dev 不报错,build就报错
$ vue-tsc --noEmit && vite build
src/pages/home.vue:9:8 - error TS2339: Property 'appContext' does not exist on type 'ComponentInternalInstance | null'.
src/utils/request.ts:7:16 - error TS7016: Could not find a declaration file for module 'qs'
解决方式将package.json中的build部分改掉
改成这个样子就不再报错也可以正常打包了
报错四
打包报错
这个是打包配置文件写错了,改成这样就好了
报错五
打包的时候出现以下报错:
warnings when minifying css:
> <stdin>:9:1: warning: "@charset" must be the first rule in the file
9 │ }@charset "UTF-8";
解决方案:修改vite.config.ts文件配置
css部分加上charset: false
完整代码如图
报错六
vant采用cdn引入的方式报错
Uncaught (in promise) TypeError: Cannot read property 'proxy' of null
at Xe (vant.min.js:1)
解决方案,换用从vite.config.ts中引入CDN
上面这种报错是在从index.html引入CDN的情况下报错的
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」