在 Vue 3 中使用 @ 作为引用根目录(通常是 src 目录)报错,通常是因为配置未正确设置或者配置未被项目正确识别。
对于使用 Vite 的项目,需要在vite.config.ts文件中配置路径别名。确保你已经正确导入了path模块,并设置了alias:
import { defineConfig } from 'vite';
import path from 'path';
export default defineConfig({
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
},
},
// ...其他配置
});
对于使用 Vue CLI 或 Webpack 的项目,需要在vue.config.js中配置别名:
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@': resolve('src'),
},
},
},
};