屏蔽解决TS报错记录贴

这篇博客介绍了如何在TypeScript项目中创建一个Axios实例,并通过`@ts-ignore`来忽略类型检查,同时展示了如何设置基础URL为VITE_BASE_API变量。内容涵盖了Axios实例的创建和配置,以及在前端开发中处理API请求的常见实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//@ts-ignore 

//@ts-ignore

any大法

const axiosInstance: AxiosInstance = axios.create({
  baseURL: import.meta.env.VITE_BASE_API as any,
});
在 Webpack 开发环境中,当你遇到 TypeScript 报错时,Webpack 会继续尝试编译项目,尽管 TypeScript 编译失败。要关闭这个行为,让编译在 TypeScript 出现错误时不继续,可以采取以下措施: 1. **更改 Webpack 配置**: 在你的 Webpack 配置文件(如 `webpack.config.js`)中,找到处理 TypeScript 的部分。在 Ts-loader 或 ts-loader 的配置里,可以添加一个选项 `transpileOnly`,只编译 TypeScript 没有问题的部分,而不会处理错误。 ```javascript module: { rules: [ { test: /\.tsx?$/, use: 'ts-loader', options: { transpileOnly: true, // 这样只有成功的类型检查才会被编译 }, }, ], }, ``` 2. **TsConfig.json 文件**: 在 TypeScript 的配置文件 (`tsconfig.json`) 中,你可以设置 `"strict": false` 来降低编译器的严格度,但这并不是一个好的长期解决方案,因为它会影响代码质量和类型安全性。 3. **错误处理插件**: 可能需要配合一个专门的插件来阻止编译,例如 `webpack-bail-on-first-error-plugin`。这个插件会在首次遇到错误时停止整个构建过程。 ```bash npm install webpack-bail-on-first-error-plugin --save-dev ``` 然后,在 `webpack.config.js` 中引入并启用它: ```javascript const BailOnFirstErrorPlugin = require('webpack-bail-on-first-error-plugin'); ... new BailOnFirstErrorPlugin(), ``` 请注意,虽然这些方法可以帮助快速开发,但它们不应该掩盖真正的代码问题。长期来看,还是应该及时修复 TypeScript 错误以保证代码质量。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值