問題現象
引入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