加载智能合约时GET .json文件出现404 Not Found问题求助

我正在开发一款基于区块链的消息交换应用，是从freeCodeCamp的待办事项列表教程扩展而来的。现在遇到了合约加载失败的问题：用npm run dev启动应用时，控制台输出显示GET /ETHINFOEX.json返回404，浏览器里也提示找不到该文件。

相关信息 #

• 加载合约的代码位于eth-info-ex/src/app.js，具体代码如下：

loadContract: async () => {
        const ETHINFOEX = await $.getJSON('./ETHINFOEX.json')
        //create a truffle contract - a js representation of a smart contract that allows to call functions on it
        App.contracts.ETHINFOEX = TruffleContract(ETHINFOEX)
        App.contracts.ETHINFOEX.setProvider(new Web3.providers.HttpProvide("http://127.0.0.1:7545"));
        //console.log(ETHINFOEX)
        App.ETHINFOEX = await App.contracts.ETHINFOEX.deployed()
    },

• 实际的ETHINFOEX.json文件路径是eth-info-ex/build/contracts/ETHINFOEX.json

已尝试的解决方法 #

• 更换不同浏览器
• 使用--allow-file-access-from-file参数启动Chrome
• 修改多种文件路径组合
• 查阅相关GitHub仓库

有没有人遇到过类似问题？求指点解决办法。

内容的提问来源于stack exchange，提问作者Alexandra