记录项目创建后遇到的报错
1.类型“Window & typeof globalThis”上不存在属性“_CONFIG”。ts(2339)
问题描述:
使用全局 window 上自定义的属性,TypeScript 会报属性不存在
解决:需要将自定义变量扩展到全局 window 上,在项目的xxx.d.ts文件添加如下代码声明
declare interface Window {
_CONFIG: any
}
添加后好像得重启编译器
2.axios报错
2.1 问题描述:
这个报错是因为axios版本更新后出现了新的类型导致的问题,可以根据此贴中的描述来解决,也可以用回旧版本解决,我是用回了0.21.x的旧版本
yarn add axios@^0.21.1
2.2 类型“AxiosResponse”上不存在属性“success”。ts(2339)
解决:封装文件中追加声明描述
import axios, { AxiosRequestConfig, AxiosResponse, AxiosError } from 'axios'
declare module "axios" {
interface AxiosResponse<T = any> {
result:any
success:any,
// 这里追加你的参数
}
export function create(config?: AxiosRequestConfig): AxiosInstance;
}
3.vue.config.js路径别名配置
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave: false,
publicPath: "/",
outputDir: "dist",
chainWebpack: config => {
config.resolve.alias
.set('@', resolve('src'))
.set('@assets', resolve('src/assets'))
.set('@views', resolve('src/views'))
.set('@comp', resolve('src/components'))
}
});
4.项目引入第三方库的关键字报错
问题描述:
这里就是第三方库的关键字DC
报错了
解决:还是在xxx.d.ts文件中追加关键字声明
declare var DC: any