警告-动态加载csv时严重依赖

Question

我正在尝试使用webpack在用户单击时加载.csv数据集。 即使是用Vue配置的点击，也可以在回调中完成此操作，因此我得到了以下内容：

onClick : function(clickData){
  var path = '../data/' + clickData.path;
  var onLoad = function(loadedCsv){
     console.log(loadedCsv);
  };
  import(path).then(onLoad);
}

当我使用webpack进行编译时，出现错误“ 68：4-16关键依赖项：依赖项的请求是一个表达式”。 此外，数据集无法加载。

我还发现了以下内容：

• 无论使用“ import”还是“ require”语法，我都会收到相同的警告/问题
• 如果将.csv添加到初始的“ require”语句中作为静态路径（即“ ../data/myCsv.csv”），则可以导入它，并且可以使用我设置的加载程序很好地导入它。

我的目标是仅导入所需的数据集。 我正在使用描述所有数据的JSON填充Vue组件，因此我需要将数据集作为变量传递到我的import语句中，而不是对路径进行硬编码。 我该如何进行这项工作？

Answer 1

删除局部变量path ，并将import语句更改为import('../data/' + file + '.csv') 。 这样，webpack将能够解析上下文并创建一个包含csv文件到模块ID映射的上下文模块。