Vue cli 3项目别名src到@或〜/不工作

Question

我用vue cli 3安装了这个项目，但随着项目的增长，组件的导入变得越来越难看，我最终导入了一个像

import Component from '../../../../components/folder/Component.vue'

我只想将src文件夹别名并做

import Component from '@components/folder/Component.vue'

我确实读过我必须修改vue.config.js，我已经完成但是错误是一样的

Module not found: Error: Can't resolve '@components/Permissions/PermissionsTable'

这是我的vue.config.js

const path = require("path");

const vueSrc = "./src";

module.exports = {
  runtimeCompiler: true,
  css: {
    modules: true
  },
  configureWebpack: {
    resolve: {
      alias: {
        "@": path.join(__dirname, vueSrc)
      }
    }
  }

};

我错过了什么吗？我该怎么办？

Answer 1

我错过了extensions: ['.js', '.vue', '.json'],，在导入中我必须使用'@ / components / ...'