配置ts和vite中@的使用和不提示代码解决

一、概述

目前ts对@指向src目录的提示是不支持的，vite默认也是不支持的，需要手动配置@符号的指向

二、配置路径别名@

1、在vite.config.ts 文件中进行配置

引入path路径包

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

默认情况下会报path红线，但是只要是有node环境，就会可以使用，报红的原因是在ts中缺少一些声明配置，所以需要安装关于node这个库的ts声明配置

npm i -D @types/node

安装成功就后应该不会报红，如果还报错，就把引入换成import * as path from path

三、配置路径别名的提示

1、路径别名配置好后，我们需要在tsconfig.json文件中，添加两项配置

"compilerOptions": {

  "baseUrl": "./",

    "paths": {

      "@/*":[

        "src/*"

      ]

    },

}

配置好后就会有资源的提示