web-dev-qa-db-ja.com

Vue cli 3 project alias src to @ or〜/ not working

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)
      }
    }
  }

};

私は何かを逃していますか？他に何をすべきですか？

javascriptvue.jswebpackvue-cli-3
3
Carlos Salazar

不足していたextensions: ['.js', '.vue', '.json'],およびインポートでは、「@/components/...」を使用する必要があります

2
Carlos Salazar