vue.js - 如何从文件夹中导入所有 Vue 组件？

Question

我正在尝试从文件夹中自动加载我所有的 vue 组件，
如果我 不使用 vue“Async Components ”，这工作正常。

一旦我尝试将异步组件与 import .. 一起使用，我就会收到此错误:

10:11-36 Critical dependency: the request of a dependency is an expression

我的加载所有组件的代码会产生此错误:

const ComponentContext = require.context('./', true, /\.vue$/i);

ComponentContext.keys().forEach((componentFilePath) => {

    const componentName = componentFilePath.split('/').pop().split('.')[0];
    Vue.component(componentName, () => import(componentFilePath));

});

如何解决这个问题？或者有没有其他方法可以做到这一点？

Answer 1

好的，我需要在:

const ComponentContext = require.context('./', true, /\.vue$/i, 'lazy');

然后:

Vue.component(componentName, () => ComponentContext(componentFilePath));