『壹』 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發布服務選項,分別右擊啟動,並右鍵屬性改為啟動類型就可以。
這是重新啟動下,就可以訪問。