因此，在我的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中的文件导入我的路由系统 .

javascript node.js webpack