學習vue遇到的第一個小怪獸:net::err_file_not_found


問題現象

引入vue.js文件時報錯:net::err_file_not_found,我用的是VScode開發工具,調試工具用的Chrome。

解決方案

1.檢查路徑是否正確

2.檢查文件是否有問題

3.檢查網絡是否正常

4.前面三個都沒問題的話,查看程序設置是否有誤。

本次解決方法是將lang="en",改成lang="zh-cn"即可,原因是因為我在使用Chrome調試工具的時候,lang=“en”告訴瀏覽器我是英文網頁,但瀏覽器檢測到我用的語言是中文,就會彈出翻譯選項詢問我是否翻譯成中文,這時它會自動在所有文本的外層包一個標簽,如下圖所示:

 

 

 這個是瀏覽器直接改的,vue不知情,設置就會出問題,所以直接將lang設置成zh-cn即可。

拓展資料

使用script引入vue.js的方法:

1、使用<script> 標簽直接引入本地vue.js文件

首先使用在 Vue.js 的官網上直接下載 vue.js文件到本地

下載地址:https://vuejs.org/js/vue.min.js

然后用 <script> 標簽引入本地的vue.js文件。

<script src="本地vue.js文件路徑"></script>

  

2、使用<script> 標簽引入在線vue.js文件

  • Staticfile CDN(國內) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js

  • unpkg:https://unpkg.com/vue/dist/vue.js, 會保持和 npm 發布的最新的版本一致。

  • cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

Staticfile CDN(國內)

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

  

unpkg(推薦)

<script src="https://unpkg.com/vue/dist/vue.js"></script>

  

cdnjs

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>

  

參考:https://www.yisu.com/zixun/324029.html,https://blog.csdn.net/weixin_39793319/article/details/113581849


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM