vue3+ts之忽略ts类型警告

。。。。博主忍了1年多,还是决定把他忽略掉,

语言不是为了节省开发者的开发时间,而是为了规范开发者开发规范的话,对于全公司自有一个前端的我!!!!!!!忍不了,我自虐啥!!!!(当然你们前端开发人员多,进程要协作开发的话另当别论),博主只是当初图vue3和ts结合比较丝滑。可以节省开发效率

        好了言归正传要解决掉的是如下这种提示

        比如你

let a="";
console.log(a)

        他是不是提示你没定义a为string类型!!!!!!!!

        当然如果大公司我也就忍了,就我一个前端,我定义给谁看,也没带其他前端,当然是效率第一,大不了中文备注清楚点。前面我还是let a:string="" 写的很规范

        直到博主写了如下代码也给我报错

var {arr,map}= await conf.fun(1)

        终于怒了!!!!!

        废话够多了,来说下解决方案吧

        要他不提示也简单

        

<script lang="ts">
	// @ts-nocheck
	import {
		Vue,
		Watch,
		Options
	} from "vue-property-decorator";

看清楚了吗// @ts-nocheck加这个位置是当前script内代码不需要ts校验

取消忽略全文 // @ts-check  看你要到文中哪个地方还要校验你在加上这个。

如果是单行忽略 // @ts-ignore

加哪里? 加要取消校验的哪行代码上面。!!!!

async mounted(){
			let m:any=this;
			//@ts-ignore 
			var {arr,map}= await conf.fun();
			
}

当你在Vue应用中使用TypeScript (TS) 并集成KaTeX库处理数学公式,如果内容包含中文字符,可能会看到控制台上有关编码的警告。这是因为默认情况下,浏览器会将HTML内容按UTF-8编码解析,而中文字符需要正确的编码才能正确显示。要在Vue + TS项目中消除这种警告,你可以尝试以下步骤: 1. **确保正确编码**:检查你的文本是否已经正确地使用了Unicode编码,特别是在数据绑定或模板字符串中。对于字符串变量,可以使用`string literal type assertion`(如 `const text: string = &#39;这是一段中文&#39;;`)明确指定其类型。 2. **配置编码**:如果你的项目使用的是Webpack或其他构建工具,可以在`webpack.config.js` 或相关配置文件中设置模板字符串的插件,比如`html-loader`,使其支持识别并正确编码包含中文的字符串。例如: ```javascript module.exports = { //... module: { rules: [ { test: /\.vue$/, loader: &#39;vue-loader&#39;, options: { // 在这里添加对模板字符串的支持 templateInterpolateComponentResources: true, compilerOptions: { preserveWhitespace: false, // 可能有助于减少警告 }, }, }, ], }, }; ``` 3. **忽略警告**:虽然这不是最佳实践,但在生产环境中,你可以选择忽略控制台的警告。在Webpack配置中,添加`noEmitOnErrors`选项,并在`devServer`配置里设置`silent`,来避免警告输出到终端。但这可能导致错过其他重要的错误信息。 4. **升级到最新版本**:有时候更新相关的库和工具到最新版可能会修复这类问题,特别是如果它们已经针对这类场景进行了优化。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雪狼之夜

打个赏,让博主知道博文没白写

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值