@
说明@
的,使用会报错vite
脚手架创建的项目在 vite.config.ts
当中进行配置import { defineConfig } from 'vite'
import path from "path"
import react from '@vitejs/plugin-react'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
resolve: {
alias: {
"@":path.resolve(__dirname, './src')
}
}
})
path
模块,但是大家都知道,path
是 node
里面的模块,所以肯定是有的,这里报错是因为我们使用的是 ts
所以需要进行生命node
这里库的 ts
声明设置npm i -D @types/node
yarn add @types/node
如果配置好以后还是报错的话就把这个文件关闭重新打开,如果还是报错的话,就这样引入 path
模块
import * as path from "path"
@
绝对路径文件提示我们经过上面的配置已经可以使用 @
绝对路径来访问文件了,但是没有提示这个文件夹下面有些啥文件
{
"compilerOptions": {
...
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
},
"include": ["src"],
"references": [{ "path": "./tsconfig.node.json" }]
}