Question

我无法动态导入类。

我为此别名使用别名：

config.resolve.alias = {
    App: path.resolve('./src/'),
    Reactive: path.resolve('./app/')
}

我要导入课程列表：

const classes = {
    foo: 'App/Foo',
    bar: 'App/Bar'
};
let list = {};
for(var c in classes) {
    (async (k, v, list) => {
        const m = await import(`${v}`);
        list[k] = new m.default();
    })(c, classes[c], list);
}

此脚本在app中被调用，所有导入的类在src中被调用。

错误很简单：Cannot find module 'App/Foo'。

当我检查错误日志的最后一个条目时：

var map = {
    "./OtherClass1": [
        "./app/OtherClass1.js"
    ],
    "./OtherClass1.js": [
        "./app/OtherClass1.js"
    ],
    "./OtherClass2": [
        "./app/OtherClass2.js"
    ],
    "./OtherClass2.js": [
        "./app/OtherClass2.js"
    ]
};
function webpackAsyncContext(req) {
    var ids = map[req];
    if(!ids)
        return Promise.reject(new Error("Cannot find module '" + req + "'."));
    return Promise.all(ids.slice(1).map(__webpack_require__.e)).then(function() {
        return __webpack_require__(ids[0]);
    });
};
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
    return Object.keys(map);
};
webpackAsyncContext.id = "./app lazy recursive ^.*$";
module.exports = webpackAsyncContext;

因此，错误是合法的，因为map中的Foo和Bar类不包括src中的app和for(var c in classes) { (async (k, v, list) => { const m = await import(`${"App/Foo"}`); list[k] = new m.default(); })(c, classes[c], list); }类。

如何指定Webpack递归地检入两个文件夹？

但是，当我对此进行测试时，效果很好：

{{1}}

Answer 1

使用react import导入文件并使用file.classname对其进行调用

例如 import claases from '/src';

并使用它链接

app = classes.myfile

动态导入其他文件夹

1 个答案: