vue3.0+vite+ts项目搭建报错问题的处理

最新推荐文章于 2024-06-05 13:38:43 发布
最新推荐文章于 2024-06-05 13:38:43 发布
阅读量2.8k 收藏 2
点赞数
分类专栏： vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43340606/article/details/126753557
版权

报错一

yarn dev 不报错,build就报错

@vue/runtime-core/dist/runtime-core.d.ts(1795,33): error TS2344: Type 'HostElement' does not satisfy the constraint 'RendererElement'.

 

 解决方式将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的情况下报错的

 

 

stubborn丶lili
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue3 - 报错 warnings when minifying css: ＜stdin＞ warning: Expected identifier but found “*“（完美解决此警告报错）
王佳斌
09-06 4979
vue3 vite 打包后报错warning: Expected identifier but found * warnings when minifying css，vite vue3如何解决warnings when minifying css: stdin> warning: Expected identifier but found * 报错，vue3 vite网站网页项目npm run build 打包后报错，vue3项目打包后出现黄色警告怎么消除，vue3 vite执行 build 打包后出现w
Vue3 - 报错 warnings when minifying css: warning: “@charset“ must be the first rule in the file @chars
王佳斌
09-06 4033
vue3 vite项目打包时出现报错警告warnings when minifying css:
TypeScript + vue3.0设置全局对象或者属性,出现ts类型错误.
zlguaizhang的博客
03-10 2793
需求:封装接口,将服务器接口的配置都放在了src/api文件下,在src/main.js中添加全局api方便所有的组件都能访问到api。 问题:在/src/main.js中设置了全局属性 app.config.globalProperties.$api = api，但是报了ts类型必传的错误 参考链接:https://v3.cn.vuejs.org/guide/typescript-support.html#%E4%B8%BA-globalproperties-%E6%89%A9%E5%85%85%E7
vite项目打包上线后禁止在控制台输出错误信息
最新发布
徐同保的专栏
06-05 424
vite项目打包上线后禁止在控制台输出错误信息
关于vue ts项目同时引入element-ui和ant-design，ts报错不能编译的解决方法。
热门推荐
bob422720735的博客
07-06 1万+
vue ts版本同时引入ant和element不能打包。 Subsequent property declarations must have the same type. Property ‘$confirm’ must be of type ‘(modalOptios: ModalOptions) => ModalConfirm’, but here has type ‘ElMessageBoxShortcutMethod’. Subsequent property declarations m
vue3.0+vite+ts build打包报错问题汇总
Cocoon_Xu的博客
02-29 3622
一、打包报错问题：Did you mean to enable "allowJs" option?解决方法：tsconfig.json文件中，“compilerOptions”配置"allowJs": true||===================================================================||二、打包报错问题：Property ‘ ‘ does not exist on type ‘never‘解决方法：将 package.json 文件中的 "bu
React TS JSX项目自动化配置，打包build报错问题解决
weixin_43837305的博客
01-14 2043
文章目录前言一、项目打包二、Jenkins自动化部署1.配置编译打包命令2.参考文献3.最终解决总结 前言 提示：本页面解决方法慎重参考，本人是在自己公司的项目发现的build问题，不代表所有项目都有这个问题，请明确后再参考 提示：以下是本篇文章正文内容，下面案例可供参考 一、项目打包 基本的md配置，本项目使用的是yarn管理工具。 本地安装依赖正常，打包正常 二、Jenkins自动化部署 1.配置编译打包命令 正常按照本地打包命令执行:yarn、yarn build:dev dev是自己配置的
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vue3+vite2+ts+vant3 项目demo
04-16
此项目 按照大佬文章 一步步学习搭建 https://juejin.cn/post/7036745610954801166?share_token=5dd94aae-bed2-4733-93ac-306118376443；感谢大佬
Vue3.0+Vite+TypeScript后台管理系统.zip
01-02
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者...
postcss-log-warnings:在控制台中记录PostCSS警告
05-26
postcss-log-warnings 已弃用-已弃用-已弃用 这个插件已经长大，成为 ！ 请切换到新的官方PostCSS插件！ 已弃用-已弃用-已弃用 在控制台中记录PostCSS警告。 目的 从PostCSS 4.1开始，单个PostCSS进程可以从其使用的所有插件中累积警告。 大概，插件作者希望您看到这些警告。 因此，该插件可以读取累积的警告（或仅来自您指定的插件的警告），对其进行格式化以方便阅读，并将其打印到控制台。 示例输出 安装 npm install postcss-log-warnings 用法 将其添加到要记录其警告的所有插件之后的插件列表中，然后将其传递给options对象。 例如，使用 ： gulp . task ( 'css' , function ( ) { return gulp . src ( './src/*.css' ) . p
Vue3.0+Vite开发
04-19
Vue3.0+Vite开发
vue中warning_5种处理Vue异常的方法
weixin_33286939的博客
01-17 9546
本文采用意译，版权归原作者所有去年一整年，我都在使用最爱的—Vue.js— 来做项目。最近突然意识到，我竟然从来没有认真去处理异常。我可以自恋地说："我写的代码是完美的，没有BUG。" 我相信大家都明白这是迷之自信。最近，我花了不少时间研究了Vue中处理异常的各种技巧，在此想把我学到的分享给大家。错误大全为了测试各种异常处理技巧，我故意触发三种类型的错误。第一种：引用一个不能存在的变量：Hello...
nginx中css样式加载失败的解决
qq_54922344的博客
04-19 1855
原项目结构 部署后项目结构 nginx.conf配置 异常 分析原因，相对路径不管用，因为html目录为根目录，所以../仍为html目录,对应url仍为ip:port 解决
element ui 开发中遇到的问题
jiaoqi6132的博客
07-24 219
1.NavMenu组件 index 唯一标志 string/null — null 2.router-link中 router-link里面不能放东西的,样式问题,比a标签还严重 第二次解决方法 3.常开常闭的问题 template 中有这个,他就会保证每次都是将这个关闭 在admin中就是没有这个的东西 4.关于只渲染局部,但是希望全局刷新的 https://www.cnblogs.com/jialikesensi/p/133...
[vue] Vite的使用2-vite.config.ts
前端
08-05 948
vite.config.ts 配置,否则启动打包存在问题。
vite—打包常见问题
m0_37616866的博客
12-15 6308
问题：打包时使用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 prev.
vite vue3 ts 项目跳坑记
jmszl1991的博客
04-14 5654
vite vue3 遇到的问题以及解决方案
用vue3.0 +vite +pinia +ts搭建一个vue的架子
05-24
好的，下面是搭建 Vue 3.0 + Vite + Pinia + TypeScript 的步骤： 1. 安装 Node.js，推荐使用 LTS 版本。 2. 安装 Vite： ...至此，我们已经成功搭建了 Vue 3.0 + Vite + Pinia + TypeScript 的项目。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值