Javascript 找不到.json文件（Node.js NPM游戏编程）

我正在尝试使用NPM在我的画布上绘制瓷砖，我成功地做到了。我制作了一个json文件来尝试存储每个级别的平铺数据，并尝试加载它。然而，它给了我一个404NotFound错误，当我在Chrome上检查它时，“levels”文件夹不会出现在sources下

不知道我做错了什么。下面是main.js的代码：

import SpriteSheet from './SpriteSheet.js';
import {loadImage, loadLevel} from './loaders.js';

const canvas = document.getElementById('screen');
const context = canvas.getContext('2d');

context.fillRect(0, 0, 50, 50);

loadImage('/img/tiles.png')
.then(image => {
    const sprites = new SpriteSheet(image, 16, 16);
    sprites.define('ground', 0, 0);
    sprites.define('sky', 3, 23);

    loadLevel('1-1')
    .then(level => {
        console.log(level);
    });

    for (let x = 0; x < 25; ++x){
        for (let y = 0; y < 14; ++y){
            sprites.drawTile('sky', context, x, y);
        }
    }

    for (let x = 0; x < 25; ++x){
        for (let y = 12; y < 14; ++y){
            sprites.drawTile('ground', context, x, y);
        }
    }
});

和1-1.json：

{
    "backgrounds": [
        {
            "tile": "sky",
            "ranges": [
                [
                    0, 25,
                    0, 14
                ]
            ]
        }
    ]
}

我附上了一张文件夹的图片以防万一。img包含我正在使用的tile img，js有main.js和loaders.js，levels只有1-1

---

您是否尝试过

加载图像（'../img/tiles.png'）

？

您必须在

返回获取（'/levels/${name}.json'）

中使用反勾号（``'），而不是单引号

return fetch(`/levels/${name}.json`)

---

有关更多信息，请查找Javascript

一切正常，请尝试

loadImage（'./img/tiles.png'）

您的意思是什么？我没有问题加载图像。我的问题是无法将1-1.json加载到loadLevel。我的问题是。首先，我认为这是同一个问题，您正在处理

levels

文件夹，就像它在

js

文件夹中一样。尝试使用

。/levels/${name}.json

。其次，如果您使用的是字符串文字，则必须使用反勾号而不是单引号。问题实际上只是反勾号。我在loaders.js上使用了backticks，效果很好。非常感谢你！我仍然不太明白为什么，因为在其他地方导入时仍然使用单引号。太好了！这是因为在这种特殊情况下，您使用的是需要反勾号的

${}

。很高兴我能帮忙。

return fetch(`/levels/${name}.json`)