尽管路径正确但无法打开声音文件 ./ , ../ , ../../ 都没有

Question

尝试制作二十一点游戏，当我按下点击按钮时出现我的错误，应该出现一张王牌图片，并且应该播放声音，但没有播放声音并且出现此错误 无法加载资源：net ::ERR_FILE_NOT_FOUND

这是我到项目文件夹的路径

我试图改变输入源代码的方式，例如 /statics ， ../../statics 但它不起作用

这是我需要理解的代码部分：

html部分

    <div class="playerContainer">
        <div class="playerChoice">
            <h1 id="playerScore"> You: <span id="playerResult"> 0 </span> </h1>
        </div>
        <div class="botChoice">
            <h1 class="dealerResult"> Computer: <span id="dealerResult"> 0 </span> </h1>
        </div>
    </div>
    <div class="controls">
        <button id="standBtn"class="btn-lg btn-warning mr-2">stand</button>
        <button id="dealBtn"class="btn-lg btn-danger mr-2">deal</button>
        <button id="hitBtn"class="btn-lg btn-primary mr-2">hit</button>
    </div>

js部分

let blackJackGame = {
    'you' : {'scoreSpan':'#playerResult','div': '.playerChoice', 'score': 0},
    'bot' : {'scoreSpan':'#dealerResult','div': '.botChoice', 'score': 0}
};

const YOU = blackJackGame['you'];
const BOT = blackJackGame['bot'];
const hitSound = new Audio('../statics/sounds/Ta Da-SoundBible.com-1884170640');

document.querySelector('#hitBtn').addEventListener('click',blackJackHit);

function blackJackHit() {
    let cardImage = document.createElement('img');
    cardImage.src = 'B:/Html, CSS & Js/js excersing/photos/KS.png'
    document.querySelector(YOU['div']).appendChild(cardImage);
    hitSound.play();
}

这个js行出现错误

const hitSound = new Audio('../statics/sounds/Ta Da-SoundBible.com-1884170640');

Answer 1

1. 您需要在路径末尾添加音频文件扩展名。
2. 看来正确的路径应该是../sounds/file.extension。

由于您使用的是 VSCode，我建议您使用 Path Intellisense 扩展名，以便将来更轻松地处理类似情况。