js中net::ERR_FILE_NOT_FOUND報錯的解決

更新時間：2023年07月14日 10:27:11 作者：三月.'

本文主要介紹了js中net::ERR_FILE_NOT_FOUND報錯的解決，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧

net::ERR_FILE_NOT_FOUND的意思是：網(wǎng)：錯誤_文件_沒有找到，也就是說綁定數(shù)據(jù)源文件有問題。這時要檢查是否是拼寫錯誤、路徑錯誤，或者是邏輯問題。

我的控制臺報錯如下：

我的頁面顯示如下：

從這里可以看出，大致思路沒問題，只是數(shù)據(jù)問題。

首先懷疑是否沒有獲取到數(shù)據(jù)，在綁定數(shù)據(jù)的函數(shù)中console.log(data)

發(fā)現(xiàn)控制臺輸出了數(shù)據(jù)（如下圖），證明路徑和拼寫無誤，那么就是邏輯問題了。

此時代碼為：

再從頭順一遍邏輯：

1.獲取要綁定數(shù)據(jù)的位置

2.定義一個實名函數(shù)bindData，傳遞實參（lesson.online），lesson為對象，對象中有個數(shù)組online。lesson中不止有online一個數(shù)組

3.將bindData的返回值給到頁面中。

4.編輯bindData，形參為data。定義空字符串str用來字符串拼接。最后返回str。

此時發(fā)現(xiàn)data為一個數(shù)組，用data直接點不能直接獲得相應(yīng)的屬性，所以需要循環(huán)。

更改后的代碼為：

 function bindData(data){
        console.log(data)
        //定義空字符串
        var str = "";
        //字符串拼接
        //同步課程
        str += `<li> <div class="top">
                    <span class="rj">${data.cont}</span>
                    <img src="${data.src}" alt="" class="m">
                    <p>${data.isFree ? `${data.num}人在學(xué)習`:` <span>${data.num}人已考試</span><span>${data.time}</span>`}</p>
                </div>
                <div class="bottom">
                    <div class="left">
                       ${data.isFree ? `<span>${data.title}</span>
                       <span class="time">${data.time}課時</span>`:` <span>${data.title}</span>`}
                    </div>
                    <div class="right">免費學(xué)習</div>
                </div></li>`
        return str;
    }

lesson.online數(shù)據(jù)為：

// 課程區(qū)域數(shù)據(jù)
var lesson = {
    online: [
        {
        title: '行政管理專業(yè)班1',
        src: './img/index/banner1.png',
        cont: '人教版',
        time: 23,
        isFree: true,
        num: 1100
    }, {
        title: '行政管理專業(yè)班2',
        src: './img/index/banner2.png',
        cont: '滬教版',
        time: 23,
        isFree: true,
        num: 1100
    }, {
        title: '行政管理專業(yè)班3',
        src: './img/index/banner3.png',
        cont: '人教版',
        time: 23,
        isFree: true,
        num: 1100
    }, {
        title: '行政管理專業(yè)班4',
        src: './img/index/banner4.png',
        cont: '人教版',
        time: 22,
        isFree: true,
        num: 1100
    }, {
        title: '行政管理專業(yè)班5',
        src: './img/index/banner5.png',
        cont: '滬教版',
        time: 33,
        isFree: true,
        num: 1100
    }, {
        title: '行政管理專業(yè)班7',
        src: './img/index/banner7.png',
        cont: '人教版',
        time: 44,
        isFree: true,
        num: 1100
    }, {
        title: '行政管理專業(yè)班6',
        src: './img/index/banner6.png',
        cont: '人教版',
        time: 33,
        isFree: true,
        num: 1100
    }, {
        title: '行政管理專業(yè)班8',
        src: './img/index/banner8.png',
        cont: '人教版',
        time: 44,
        isFree: true,
        num: 1100
    }]
}

到此這篇關(guān)于js中net::ERR_FILE_NOT_FOUND報錯的解決的文章就介紹到這了,更多相關(guān)js net::ERR_FILE_NOT_FOUND報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: