我正在学习JSON教程，我遇到了一个问题。
我使用Visual Studio Code，我有一个HTML文件，一个JS文件和一个JSON文件。即使JSON文件中的数据(据我所知)格式正确，VSCode也会给我以下错误:
期望一个JSON对象、数组或文字。
现在，JS文件为空。我的HTML文件中的代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>SANDBOX</h1>
<div class="output">
</div>
</body>
<script src="data.json"></script>
<script src="app.js"></script>
</html>
和。json文件中的数据是:
const json = {
"books": [{
"title": "Learn to Code",
"author": "John Smith",
"isbn": "324-23243"
}, {
"title": "The Adventures JSON",
"author": "Jason Jones",
"isbn": "3324-2-444"
}, {
"title": "New Objects",
"author": "Jane Doe",
"isbn": "2343-234-2433"
}]
};
我不明白为什么我得到这个错误。
我尝试过的事情:
遵循教程-由于某种原因，导师似乎没有这个问题。
将JSON数据包装在花括号中-这只会抛出三个错误:属性键必须双引号，冒号，和文件结束。
搜索这个网站类似的问题-我发现了类似的问题，但提供的解决方案不能解决我的问题。我总是留下原来的错误，'期望一个JSON对象，数组或文字'。
如果您能提供任何帮助，我将非常感激。
你不能在.json文件中使用javascript
change.jsonfile to
[{
"title": "Learn to Code",
"author": "John Smith",
"isbn": "324-23243"
}, {
"title": "The Adventures JSON",
"author": "Jason Jones",
"isbn": "3324-2-444"
}, {
"title": "New Objects",
"author": "Jane Doe",
"isbn": "2343-234-2433"
}]
在app.js
const books = require("my.json")
,
如果您希望那样使用它那么你必须将my.json的格式更改为my.js