Vue3中使用@作为引用根目录报错

在 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'),
      },
    },
  },
};