導航:首頁 > 源碼編譯 > vue編譯後的文件還原

vue編譯後的文件還原

發布時間:2024-10-22 16:59:53

『壹』 vue反編譯是什麼

就是webpack打包後的代碼,編譯成源代碼

『貳』 Vue報錯,找不到. vue的文件怎麼處理

在使用VSCode開發Vue3+TS項目時,編輯器一直有一個報錯,因為不影響編譯和運行,所以就一直沒在意,但這兩天看著這紅杠提示實在是太別扭,今天就來解決一下這個問題,還自己一個清爽的開發環境。

在網上查找了很多資料,靠譜的不好找,但是功夫不負有心人,最終問題還是解決了,在這里記錄一下,避免日後踩坑,也給有需要的朋友省點查找資料的麻煩。

報錯信息

具體的報錯信息如下圖所示:

找不到.vue的聲明文件,實際上就是TS無法識別.vue類型的文件。

那麼就需要添加一下.vue類型文件的聲明,步驟如下:

在根目錄(也就是tsconfig.json這一級)下新建名為」vue.d.ts「的文件。文件名中的」vue「也可以改為任一名稱。

在」vue.d.ts「文件中寫入以下聲明:

//以下兩種方案二選一//方案一declaremole"*.vue"{importVuefrom"vue";exportdefaultVue;}//方案二declaremole'*.vue'{import{defineComponent}from'vue'constComponent:ReturnType<typeofdefineComponent>exportdefaultComponent}

在」tsconfig.json「中,將第二步中創建的文件」vue.d.ts「(或者你自己新建的其他名稱的.d.ts文件)添加到include中:

"include":["vue.d.ts"],

我這邊完整的include屬性如下(我新建的是」app.d.ts「):

結果

最後,我們來看一下VSCode中是否還有紅杠報錯:

報錯信息沒有了,大功告成!

總結

一個清爽的開發環境有助於我們保持身心愉悅,自然而然也就提高了工作效率,沒有紅杠的代碼看著果然舒服多了!

~

~本文完,感謝閱讀!

~

學習有趣的知識,結識有趣的朋友,塑造有趣的靈魂!

大家好,我是〖編程三昧〗的作者隱逸王,我的公眾號是『編程三昧』,歡迎關注,希望大家多多指教!

你來,懷揣期望,我有墨香相迎!你歸,無論得失,唯以余韻相贈!

知識與技能並重,內力和外功兼修,理論和實踐兩手都要抓、兩手都要硬!

『叄』 vue編譯後的js和map文件修改不了嗎

無法還原,編譯後的js為壓縮文件,很多代碼都不存在了

『肆』 vue緙栬瘧鍚庣殑js鍙嶇紪璇戜負vue

1銆佸湪Vue欏圭洰涓瀹夎厀ebpack鍜寁ue-loader銆
2銆佸湪webpack鐨勯厤緗鏂囦歡涓鍚鐢╯ourcemap銆
2銆侀噸鏂拌繍琛岄」鐩錛屽氨鍙浠ュ湪嫻忚堝櫒鐨勫紑鍙戣呭伐鍏蜂腑鏌ョ湅緙栬瘧鍚庣殑浠g爜鐨勬簮鐮佹槧灝勪簡銆

『伍』 vue項目部署iis伺服器

一、將vue項目進行打包編譯後,根目錄生成dist的文件

當出現如上圖顯示時,說明打包編譯完成,已經生成dist文件

二、打開iis伺服器
打開iis伺服器後選中【網站】後右擊選【添加網站】,就可對網站進行配置,物理路徑選擇編譯後的dist文件夾後選確定就行。

三、右擊選擇【啟動】後出現如下報錯信息:
除非Windows Activation Service (WAS)和萬維網發布服務(W3SVC)均處於運行狀態,否則無法啟動網站

解決:
打開命令提示符中輸入services.msc ,打開服務。
找到windows install及word wide web發布服務選項,分別右擊啟動,並右鍵屬性改為啟動類型就可以。

這是重新啟動下,就可以訪問。

閱讀全文

與vue編譯後的文件還原相關的資料

熱點內容
qt編程入門pdf下載 瀏覽:780
java編程的三個步驟 瀏覽:772
s點b點主圖源碼 瀏覽:434
電腦可以刪除的臨時文件夾 瀏覽:7
小杜app上怎麼啟用 瀏覽:305
為什麼伺服器喇叭喊了一次就不行 瀏覽:480
phpdbo驅動 瀏覽:255
程序員尋找轉行建議 瀏覽:632
psgrepjava 瀏覽:415
夢幻誅仙12職業變態源碼 瀏覽:370
汽車的控制是怎麼編程的 瀏覽:686
穩定的ip地址伺服器 瀏覽:641
python多線程編程教程 瀏覽:252
筆記本編程電腦排行榜 瀏覽:32
微信好友緩存文件在哪個文件夾 瀏覽:614
javafloat小數點後兩位小數 瀏覽:166
澳門pdf 瀏覽:409
es解壓文件默認路徑 瀏覽:833
jar命令war包 瀏覽:121
福州交警app預約在哪裡簽字確認 瀏覽:623