如何在 ES5 中导入 JSON 文件？答案

【问题标题】：How to Import JSON file in ES5?如何在 ES5 中导入 JSON 文件？
【发布时间】：2021-12-04 19:43:16
【问题描述】：

我的 JSON 文件名 data.json 有数据

{
   "name":"XYZ"
}

我有一个 ES5 文件名 script.js，我想在其中使用这个 JSON 文件，任务是导入文件并将数据存储在 ES5 类的 init 函数中。我试过了

var data = require('./data.json') 它给了我

Uncaught ReferenceError: require is not defined

【问题讨论】：

【解决方案1】：

您需要像这样制作data.json 文件

data={
   "name":"XYZ"
}

并将 data.json 文件导入 index.html，使 data.json 保持在 script.js 之前

    <script type="text/javascript" src="data.json"></script>
    <script src="script.js"></script>

现在您可以在 script.js 中使用 data 作为变量

【讨论】：

【解决方案2】：

参考这篇文章中的cmets；

您当前正在浏览器中运行您的 sn-p 并使用 CommonJS 导入。浏览器使用 ES6 导入：

import * as data from "./data.json"

更多参考资料：模块上的 MDN：here

免费代码训练营：here

【讨论】：