使用vite构建的react-ts，路径别名配置提示无效

最新推荐文章于 2024-07-11 22:02:56 发布

*!?

最新推荐文章于 2024-07-11 22:02:56 发布

阅读量415

点赞数 5

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_68937887/article/details/139951264

版权

1.vite-config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import * as  path from "path"
// https://vitejs.dev/config/
export default defineConfig({
  base: '/',
  plugins: [react()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    }
  },


})

2.注意是在tsconfig.app.json中添加，不是tsconfig.json

{
  "compilerOptions": {
    "composite": true,
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": [
      "ES2020",
      "DOM",
      "DOM.Iterable"
    ],
    "module": "ESNext",
    "skipLibCheck": true,
    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,
    "jsx": "react-jsx",
    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
//------------------添加------------------
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
//------------------
  },
  "include": [
    "src"
  ]
}