关键依赖：依赖的请求是使用延迟加载时的表达式

Question

我正在尝试动态导入模块但出现以下错误 -

编译有问题：X

警告在./src/.../useCustomModule.js 21:21-56

关键依赖：依赖的请求是一个表达式

import React from "react";
import PropTypes from "prop-types";

export const moduleMapping = {
    CONTEXT_ONE: "./....contextOnePath",
    CONTEXT_TWO: "./....contextTwoPath",
    
};

const getModule = (moduleName) => {
    const module = React.lazy(() => import(moduleMapping[moduleName]));
    return module;
};

export const useCustomModule = (moduleName) => {
    return getModule(moduleName);
};

注意：在 eslintrc.json 我有以下设置 - “ecmaVersion”：12，

Answer 1

最近，我也遇到了类似的问题，但是当我使用字符串插值时，警告消失了。 在您的代码中，尝试一下：

const getModule = (moduleName) => {
    const module = React.lazy(() => import(`${moduleMapping[moduleName])}`);
    return module;
};

Answer 2

const getModule = (moduleName) => {
const module = React.lazy(() => import(`${moduleMapping[moduleName])}`);
return module;

};