使用Webpack的代码拆分和动态import（）在项目中加载文件时出错

Question

我正在使用Webpack's dynamic import延迟加载代码分割的文件，并使用Webpack's magic comments。当我尝试在生产环境中加载文件时，出现以下错误：

我一直在指这个webpack page。这是我的代码。我没有达到“资源”的程度，因为文件没有加载。我尝试对文件名进行硬编码，然后导入即可，但未使用动态$ {locale}。 $ {locale}注销文件名的字符串，但无法导入文件。我正在使用Webpack版本3.8.1：

async function getLang(locale){
      await import(
        /* webpackInclude: /\.json$/ */ 
        /* webpackChunkName: "locales/[request]" */ 
        /* webpackMode: "lazy" */ 
      `../../locales/${locale}.json`)
      .then(
        resources => new promise((resolve, reject){
          // do something with resources
        })
      ) 
    } 
}

代码拆分映射位于locales lazy /^/.*> .json $文件中，这些文件应将相应的文件加载到locales文件夹中，例如。 fr-fr.json。生产文件夹结构如下所示：

static
     js
       locales
         - de-de.json
         - fr-fr.json
        locales /^/.*
          .json$
        locales lazy /^/.*
          .json$ .         <--- file where above error occurs

对于如何解决此问题，我将不胜感激。谢谢