Webpack只忽略我的别名引用之一

Question

因此，在我的webpack文件中，我定义了一些别名以使其成为全局名称，以便可以从全局的角度引用文件，这使得在我的视图之间共享组件更加容易。

这是别名部分

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中的文件来导入路由系统。