Webpack игнорирует только одну из моих ссылок на псевдонимы

Question

Таким образом, внутри моего файла веб-пакета я определяю несколько псевдонимов, чтобы сделать так, чтобы я мог ссылаться на файлы с глобальной точки зрения, что облегчает обмен компонентами между моими представлениями.

Здесь раздел псевдонимов

module.exports = {
    resolve: {
        alias: {
            '@Components': path.resolve(__dirname, '..','src/components'),
            'vue$': 'vue/dist/vue.esm.js',
            '@View': path.resolve(__dirname, '..','src/views'),
            '@ElementUI': path.resolve(__dirname, '..','src/components/ElementUI'),
            '@Tools': path.resolve(__dirname, '..','src/tools')
        }
}

Мой файл App.vue находится в моем главном каталоге и на него ссылаются из моей точки входа main.js

Внутри App.vue Я использую следующую ссылку

import LoginForm from '@View/LoginForm.vue'
import HelloWorld from '@Components/HelloWorld.vue'
import Calendar from '@Components/Calendar.vue'
import Datepick from '@Components/DatePicker.vue'

, который должен соответствовать

import LoginForm from './src/views/LoginForm.vue'

Псевдоним @ Components работает отлично, если я удаляю этот импорт, весь мой проект загружается отлично.

Есть предложения по устранению этой ошибки?Желаемое решение - убедиться, что @View работает, потому что я импортирую свою систему маршрутизации, обрабатывая файлы в @ View.