vite + ts + react设置@文件别名

175 阅读1分钟

image.png 这里注意include也要加上

 "baseUrl": "./",
 "paths": {
      "@/*": ["src/*"]
    }
include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "vite.config.ts"
],

vite.config.js image.png

 '@/': `${path.resolve(process.cwd(), 'src')}/`,

配置完若还是报错配置完又报错An import path can only end with a '.tsx' extension when 'allowImportingTsExtensions' is enabled. 则只需要把文件后缀名去掉就可以

image.png