当前位置：首页 > news >正文

vue3 + ts项目（无vite）报错记录

news 来源：原创 2025/5/14 22:45:27

记录项目创建后遇到的报错

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'))
  }
});