js中net::ERR_FILE_NOT_FOUND報錯的解決

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

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="http://news.558idc.com/${data.src}" alt="" class="m">
                    <p>${data.isFree ? `${data.num}人在學(xué)習(xí)`:` <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é)習(xí)</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)容請搜索技圈網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持技圈網(wǎng)！