导航:首页 > 源码编译 > 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编译后的文件还原相关的资料

热点内容
用什么APP查指数 浏览:919
什么是作品源码 浏览:669
我的理想程序员该怎么写 浏览:840
英译中国现代散文选pdf 浏览:446
装饰设计模式java 浏览:21
linuxshell清屏命令 浏览:134
惠利app是什么 浏览:779
游戏端口读取服务器失败怎么弄 浏览:878
linux修复mbr 浏览:128
磁盘格式化基本命令 浏览:578
程序员掉入异世界 浏览:954
andlua画质助手源码 浏览:577
winrar解压格式怎么看 浏览:147
qt编程入门pdf 浏览:599
php中是根据指针查的数据吗 浏览:276
安卓手机驱动为什么不能提取通用 浏览:708
转行程序员失败的人 浏览:728
延迟命令方块 浏览:499
某视频网站为什么安卓可以投屏 浏览:651
服务器解释器在哪个文件夹 浏览:95