導航:首頁 > 源碼編譯 > 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編譯後的文件還原相關的資料

熱點內容
直播源碼怎麼弄 瀏覽:989
獵人筆記pdf 瀏覽:885
數據結構冒泡排序演算法 瀏覽:523
column命令 瀏覽:104
java運行的快捷鍵 瀏覽:246
安卓studiokey是什麼 瀏覽:286
app開發先學什麼 瀏覽:578
ox圖pdf 瀏覽:624
scratch編程選擇題如何製作 瀏覽:785
伺服器的陣列卡有什麼作用 瀏覽:888
linux登錄超時 瀏覽:481
播放音樂dll命令 瀏覽:903
javajdk和jre 瀏覽:492
程序員都是怎麼關機的 瀏覽:771
如何更換文件夾的格式 瀏覽:529
openssl不是內部或外部命令 瀏覽:759
西方經濟學宏觀pdf 瀏覽:21
comp命令分析 瀏覽:521
什麼app可以看隧道 瀏覽:155
文件夾兩份相同 瀏覽:100