Vue3.0+ts填坑 warning Unexpected any报类型警告

已于 2023-12-01 11:14:28 修改
阅读量1.9k 收藏 1
点赞数
文章标签： typescript javascript 前端
于 2023-10-31 12:39:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40808668/article/details/122625865
版权

1.关闭类型警告:
找到.eslintrc.js文件,找到rules,配置如下代码

"@typescript-eslint/no-explicit-any": ["off"]

没有自己创建一个文件,把这个文件名粘贴过去
2.重新运行项目

嚣张农民
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Vue3 - 解决 build / dev 打包运行时突然出现一堆 ts 相关的报错，强制关闭整个项目的 ts 代码语法校验和验证（webpack / vite 均可）
王佳斌
08-07 8330
vue3怎么关闭ts验证，vue3打包时出现很多ts报错，vue3 vite如何关闭build时的ts语法验证，vue3项目打包部署时突然出现很多报错，vue3运行测试时没有报错但打包时出现很多ts报错，vue3 run build 时出现ts报错，vue3+vite+ts项目build时突然多了很多报错，vue3+ts项目 build打包报错 项目可以serve运行起来，vue3打包出现很多ts错误怎么办，vue3如何关闭整个项目的ts语法验证，vue3无法打包提示很多TS相关错误，vue3如何关闭打包t
Vue3.0+TS 仿知乎
11-09
仿知乎每天更新好文章，包括权威的时事解读、有趣的生活建议 　更符合用户口味的「主题日报」，覆盖电影、财经、设计、体育等领域 　长评优先展示 　离线下载功能，及时缓存近期的 30 篇文章
Vue2.6.10-typescript:基于Vue3.0+Typescript构建的空白项目，css样式的初始化，以及基本常用的axios,vue-router,模块化使用vuex，element-ui已经按需引入配置好，包括打包优化的cdn引入，代码压缩，图片压缩，关闭map等打包优化都已配置完成
05-25
本项目做了PC或移动端的自适应配置，最优先修改的地方在 vue.config.js remUnit请根据实际项目填写，比方说设计图大小为1920，那么填写192，也就是实际设计图宽度 / 10 基于Vue2.6.10+Typescript构建的空白项目，包括css样式的初始化，以及基本常用的axios,vue-router,模块化使用vuex，element-ui已经按需引入配置好，还有axios拦截器，axios请求的全局loaindg加载，路由组件懒加载，以及对于不同环境的基本Url封装，还附带了一些常用的方法，以及包括打包优化的cdn引入，代码压缩，图片压缩，关闭map等打包优化都已配置完成,关于ts的使用，要使用修饰符，在Home.vue中，常用的使用方法我也都已经列举出来了，（现已新增首屏渲染loding效果，效果可以参考于我的个人网站，我的个人网站已开源，请多多支持，地址如下
drag-demo:基于vue3.0 + ts的可视化组件拖拽demo
03-10
Vue 3 +打字稿+ Vite 可视化拖拽
代码使用了 any 类型，如何才能让ESLint不告警
最新发布
qq_35876316的博客
03-30 304
如果你确实需要在某些情况下绕过类型检查，你可以使用类型守卫或类型断言，但这应该谨慎使用，并带有充分的注释说明为什么需要这样做。：如果你知道 value 可能具有哪些属性或方法，你可以使用接口或类型别名来定义这些属性或方法的类型。：如果你发现自己在多个地方使用相似的结构，并希望避免 any，你可以创建更具体的类型来替代它。：如果 value 的类型不固定，并且你希望保持灵活性，你可以使用泛型来定义你的类型。：如果 value 有特定的类型，那么你应该使用那个类型替代 any。
VSCode 的 ESLint 扩展不提示警告和错误的解决办法
小桥流水丿小溪
07-28 1万+
不记得从哪个版本的VSCode开始，ESLint就突然不提示错误了。 打开 VSCode 的 settings.json 位置在 C:\Users\你的用户名\AppData\Roaming\Code\User\settings.json 或者 命令面板(CTRL+Shift+P) > 输入Preferences: Open Settings (JSON) 也可以打开它 加一行配置 "eslint.nodePath": "C:\\Users\\你的用户名\\AppData\\Roaming\\npm\
ts报错元素隐式具有 “any“ 类型...
xuefeng11111的博客
02-16 1万+
元素隐式具有 “any” 类型，因为类型为 “string” 的表达式不能用于索引类型 “{…}” 这个错误也是挺恶心的 我是参考了一下这篇文章：解决 元素隐式具有 “any“ 类型… 解决思路 首先定义一个新的接口，如下图所示 然后让报错的接口继承自信定义的接口接口 ...
TS系列之any与unknown详解，示例
qq_43205326的博客
06-12 1472
本片文章主要是在写ts时遇到不知道类型，很容易就想到用any可以解决一切，但这样写并不好。所以今天就总结学习一下，比较好的处理任意类型的unknown。
解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，三种方法彻底根治
热门推荐
05-09 3万+
网上找了各种原因，有让添加jsconfig.json文件的，有让新建一个项目的，有的直接放弃ts的，哈哈哈，真的是千奇百怪都有，好吧，我这里就也出一种方法，不要用vscode了，使用WebStorm，哈哈哈，可能让你也想不到吧，但是真的有效啊：请看效果，就不报错了，撒花。
Vue3+Ts项目中语法警告解决以及如何配置使用svg
qq_72760247的博客
05-31 685
Vue3+Ts项目中语法警告解决以及如何配置使用svg
vue+ts any类型警告 Unexpected any.
m0_60459392的博客
08-28 175
解决方法：在.eslintrc.js中的rules 添加上面代码即可。问题：any类型警告 Unexpected any.
vue3+ts warning Unexpected any. Specify a different type @typescript-eslint/no-explicit-any
pony君的博客
02-06 2408
vue3+ts 控制台警告 warning Unexpected any. Specify a different type @typescript-eslint/no-explicit-any。就能关闭这个eslint对使用any类型的警告了。就能关闭这个eslint对使用any类型的警告了。：如果你的配置项都集中在。文件的的话，找到并打开。
毕业设计基于Vue3.0+Ts的医疗服务平台前端
11-02
[毕业设计]基于Vue3.0+Ts的医疗服务平台前端
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.0+ts+webpack组件开发
09-01
vue3.0+ts+webpack组件开发
TS报错:类型“AxiosResponse＜any, any＞”上不存在属性“XXX”。
m0_66592433的博客
09-06 2932
今天在项目中遇到一个问题，在调用后台接口时，TS报错：类型“AxiosResponse”上不存在属性“rows”
ts报错“this“ 隐式具有类型 “any“，因为它没有类型注释。解决方案
xuelang532777032的博客
05-30 6014
1、参考博文===》①严格模式 - 知乎，②ts的tsconfig.json中文说明③TypeScript Number | 菜鸟教程2、解决（ts报错“this“ 隐式具有类型 “any“，因为它没有类型注释。）3、解决（函数内this是undefined 的问题） 4、解决（其目标缺少构造签名的 "new" 表达式隐式具有 "any" 类型。）
vscode开发vue3（typescript）项目错误提示处理
choorn的博客
09-19 1892
2、关于typescript类型错误，这类错误网上搜到的方法都不太好用，这是因为有些方法是通过设置，关闭了提示。1、引入一些包后报错，如引入elment plus中文资源包或安装qs（解决传参格式不正确）包。在此信息中提示在.d.ts文件中加入declare module 'element-plus/dist/local/zh-ch.mjs。
项目中关闭TS提示报错
qq_42461086的博客
02-10 3096
解决项目还是满篇通红。关闭TypeScript验证，TS报错
vue3.0 +ts 引用elementui
05-01
Vue 3.0是一个非常流行的JavaScript框架，不仅易于学习和使用，而且可以与许多UI框架集成。ElementUI是一种流行的UI框架，提供了许多易于使用的UI组件和效果。在Vue 3.0中，可以使用TypeScript（TS）编写代码，提供了更好的类型安全和代码可读性。下面是在Vue 3.0中引用ElementUI的步骤： 1. 安装ElementUI：可以使用npm或yarn命令安装ElementUI ``` npm i element-plus -S ``` 2. 使用TypeScript的话需要安装依赖 `ts` 和 `webpack`（如果没有的话） ``` npm i webpack webpack-cli webpack-dev-server typescript ts-loader -D ``` 3. 在Vue项目中引入ElementUI样式和组件： 3.1 引入样式（会自动挂载到全局样式表上） ```scss // main.ts import 'element-plus/dist/index.css' ``` 3.2 引入组件 ```js // main.ts or other entry file import { createApp } from 'vue' import App from './App.vue' import ElementPlus from 'element-plus' import 'element-plus/styles/index.css' // 引入组件样式 const app = createApp(App) app.use(ElementPlus) // 注册全局组件 app.mount('#app') ``` 这样就可以通过引入ElementPlus来使用ElementUI组件了。例如，在Vue 3.0中使用一个按钮组件： ```vue <template> <el-button type="primary">click me</el-button> </template> <script lang="ts"> import { defineComponent } from 'vue' import { ElButton } from 'element-plus' export default defineComponent({ name: 'MyButton', components: { ElButton } // 局部注册组件 }) </script> ``` 总的来说，引用ElementUI到Vue 3.0中相对比较简单，只需要安装依赖与组件后进行注册即可正常使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

嚣张农民

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值