Javascript 从solidity合同获取app.js文件中的getJSON()时出错

Javascript 从solidity合同获取app.js文件中的getJSON()时出错,javascript,json,ethereum,solidity,truffle,Javascript,Json,Ethereum,Solidity,Truffle,我正在用块菌做一个简单的dapp。当我使用$.getJSON()时,它会抛出一个错误 我的app.js: App ={ web3Provider: null, contracts: {}, init: function (){ return App.initWeb3(); }, initWeb3: function (){ if (typeof web3 != "undefined"){ App.web3Provider = web3.c

我正在用块菌做一个简单的dapp。当我使用$.getJSON()时,它会抛出一个错误

我的app.js:

App ={

web3Provider: null,
contracts: {},

init: function (){
    return App.initWeb3();
},

initWeb3: function (){
    if (typeof web3 != "undefined"){
        App.web3Provider = web3.currentProvider;
        web3 = new Web3(web3.currentProvider);
        App.setStatus("Metamask Detected!");

    }
    else {
        alert("Error. Try Again Later");
        //App.web3Provider = new Web3.provi/ders.HttpProvider('http://localhost:8545');
        web3 = new Web3(App.web3Provider);
        return null;
    }

        account = ethereum.request({ method: 'eth_accounts' });

        if (!account){
            //alert("Cannot Fetch Account. Make sure you are logged in!");
            App.setStatus("Please login to MetaMask");
            return ;
        }
        else {
            console.log('Account detected');
            console.log(account)
        }
        return App.initContract();

    },

initContract: function (){

    $.getJSON("FruitBasket.json", function (FruitBasketArtifact){
        
        App.contracts.FruitBasket = TruffleContract(FruitBasketArtifact);
        App.contracts.FruitBasket.setProvider(App.web3Provider);
        //return App.getContractProperties();
    });
},
这不是完整的app.js代码。只有主要部分

实体文件:FruitBasket.sol(合同名称:FruitBasket)

我已经在index.html中包含了每个脚本。 当我使用
npm-run-dev
运行这个项目时,我在终端中得到了这些

21.05.06 18:22:34 304 GET /index.html
21.05.06 18:22:34 304 GET /js/bootstrap.min.js
21.05.06 18:22:34 304 GET /js/web3.min.js
21.05.06 18:22:34 304 GET /js/truffle-contract.js
21.05.06 18:22:34 304 GET /js/app.js
21.05.06 18:22:34 404 GET /FruitBasket.json
我在FruitBasket.json中获得404

另外,在浏览器控制台中,显示错误

GET http://localhost:3002/FruitBasket.json
我是这方面的新手,所以如果我需要提供更多信息或任何其他代码/文件,请告诉我。

试试这个:

$.getJSON(“./FruitBasket.json”),函数(FruitBasketArtifact){
App.contracts.FruitBasket=TruffleContract(FruitBasketArtifact);
App.contracts.FruitBasket.setProvider(App.web3Provider);
//返回App.getContractProperties();
});

不工作。我仍然得到相同的错误:(