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

我的控制臺報錯如下：

我的頁面顯示如下：

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

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

發現控制臺輸出了數據（如下圖），證明路徑和拼寫無誤，那么就是邏輯問題了。

此時代碼為：

再從頭順一遍邏輯：

1.獲取要綁定數據的位置

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

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

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

此時發現data為一個數組，用data直接點不能直接獲得相應的屬性，所以需要循環。

更改后的代碼為：

function bindData(data){console.log(data)//定義空字符串var str = '';//字符串拼接//同步課程str += `<li> <div class='top'> <span class='rj'>${data.cont}</span> <img src='https://www.jb51.net/javascript/${data.src}' class='m'> <p>${data.isFree ? `${data.num}人在學習`:` <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'>免費學習</div></div></li>`return str; }

lesson.online數據為：

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

到此這篇關于js中net::ERR_FILE_NOT_FOUND報錯的解決的文章就介紹到這了,更多相關js net::ERR_FILE_NOT_FOUND報錯內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網！