vue中热替换失效的原因是什么


本文小编为大家详细介绍“vue中热替换失效的原因是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue中热替换失效的原因是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1.观察文件位置错误{失效是为什么?是因为修改了源代码后,依然会立刻编译,但是通常被观察的新编译的文件位置错了。也就是说浏览器显示的东西与服务器观察的东西是一个位置,而编译出来文件是另外的位置。解决办法是:config/index.js中 dev的这个参数必须为static2.项目目录包含特殊字符像这样的路径 D:(myworkspace)vue-answer-project这种目录中有一个括号!!!就有可能在浏览器中打开后,发现console报错这是什么意思呢?就是热替换模块报错,中断了观察页面与热替换模块的链接,无法收到事件。解决办法就是:去掉这样的路径3.npm run build后,打开浏览器一片空白这个位置是根据文件webpack.config.js中的publicPath进行指定的。也就是服务器观察位置是 publicPath: “XX/build.js”这里面的 /XX/b 香港云主机uild.js这个文件,这个文件需要你在文件 index.html中 正确引入。解决办法是:在上图中的build.assetsPublicPath的值 改为 “./”读到这里,这篇“vue中热替换失效的原因是什么”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注开发云行业资讯频道。

相关推荐: 电脑重装系统后如何恢复以前的软件

这篇文章主要介绍“电脑重装系统后如何恢复以前的软件”,在日常操作中,相信很多人在电脑重装系统后如何恢复以前的软件问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”电脑重装系统后如何恢复以前的软件”的疑惑有所帮助!接下来,请跟着小编一…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 07/15 16:47
下一篇 07/15 17:23

相关推荐