vue runtime報錯問題

2022-06-27 07:00:16 字數 1496 閱讀 3201

webpack中匯入vue和普通網頁中匯入vue的區別

1、 普通網頁匯入vue方式

2、 webpack匯入vue方式

import vue form 『vue』
但是:這種方式如果想使用最全的vue功能 的時候會報錯誤  

原因:因為在webpack中使用這種方式匯入的vue建構函式,功能不完整,只提供了runtime-only的方式,並沒有像網頁中那樣的使用方式

//回顧包的查詢規則

1、在專案的根目錄中有沒有node-module資料夾

2、在node-modules中根據包名,找對應的vue資料夾

3、在vue的資料夾中找到乙個就做package.json的包配置檔案

4、在package.json檔案中,查詢乙個main屬性【main屬性指定了這個包在被載入的時候,的入口檔案】

注意看 main所指向的就是import vue form 『vue』 這句話所匯入的vue檔案,並不是我們想要的vue.js完整的包 而是runtime.common.js

runtime-only -> **中,不可以有任何的template,使用模板的時候就會報錯誤

runtime-compile->**中,可以有template,因為有compile可以編譯template

在使用vue-cli腳手架構建專案時,會遇到乙個選項vue build(vue構建),有兩個選項,runtime + compilerruntime-only,以下為有道翻譯直譯

runtime + compiler: recommended for most users

執行時+編譯器:推薦給大多數使用者--有道翻譯

runtime-only: about 6kb lighter min+gzip, but templates (or any vue-specifichtml) are only allowed in .vue files - render functions are required elsewhere

僅限執行時:大約6kb的輕量級min+gzip,但是模板(或任何特定於vue的html)只允許在.vue檔案中使用——其他地方需要呈現函式 以下為有道翻譯直譯

解決報錯問題

解決辦法:

第一種:

將這個路徑直接手動改了,改成我們要用的vue.js完成的檔案路徑位址

第二種:

在main.js中將import vue form 『vue』改成import vue form 『相對node-module下面完成的vue檔案位址

第三種:

詳細參考文章

MFC DDX Control 報錯問題

mfc 實現控制項id和控制項變數的繫結 ddx control 實現子類化的。有時候報錯了。原因總結如下 1 id 號在resource.h 是否重複。重複了要注意是不是乙個是不用的,如果另外乙個id 不使用,重複無影響。2 在多專案工程的解決方案中,修改了標頭檔案,資源檔案,不能只編譯當前專案,...

npm報錯問題

從coding上clone專案,執行npm run dev報錯,然後發現是依賴沒下好,再執行npm install繼續報錯,截圖如下 去網上搜尋發現解決方法 來自飛奔的波大爺 報錯 npm err unexpected end of json input while parsing near ver...

網頁報錯問題

表示臨時響應並需要請求者繼續執行操作的狀態碼。100 繼續 請求者應當繼續提出請求。伺服器返回此 表示已收到請求的第一部分,正在等待其餘部分。101 切換協議 請求者已要求伺服器切換協議,伺服器已確認並準備切換。表示成功處理了請求的狀態碼。200 成功 伺服器已成功處理了請求。通常,這表示伺服器提供...