如何从另一个目录/本地PC导入/Serve json文件以在webpack中生成datatable数据?

eimct9ow  于 2023-10-19  发布在  Webpack
关注(0)|答案(1)|浏览(107)


代码const response = await fetch('/testdata/rows.json')

const response = await fetch('rows.json')

抛出错误:

GET http://localhost:3000/testdata/rows.json 404 (Not Found)
或其它类似的变化。

如何将JSON文件或带有JSON格式数据的txt文件提供或导入到webpack中,以便chartjs或google chart可以使用它来生成图表数据???

(async function() {
  

  //for express serving the file
  const response = await fetch('/testdata/rows.json')
  const data = await response.json();
     console.log(data);
     ...//////// code omitted for brevity
})();

在expressjs中,我可以提供文件并使用fetch(rows.json),但在webpack中无法实现相同的功能。我如何正确地提供文件或导入它在项目中使用?
新的webpack实现和使用,所以请描述。
感谢你的帮助。

vd8tlhqk

vd8tlhqk1#

当你有本地文件时,你不需要获取它。您可以在应用程序目录中创建一个文件夹,例如名为“Data”,并在此文件夹中添加JSON文件,然后您可以简单地通过以下代码将文件要求到所需的文件中

const testData = require('./Data/row.json');

或者你可以看看这个答案,它可能会有所帮助:在Webpack中加载静态JSON文件

相关问题