今天在使用vue-markdown-loader的时候加载md文件一直报错Uncaught ReferenceError: VUE_HMR_RUNTIME is not defined
在网上找了一个下午都没找到具体原因,但在只言片语中发现 VUE_HMR_RUNTIME 是vue-loader注在window上的一个变量,所以去以此方向继续查询,有说vue-loader16降15的,有说vue-cli4降3的,试过之后均无效
最终回到最初的报错查看,发现是跟热加载有关(关键词reload),然后去vue-loader官网查询文档,最终找到hotReload配置,尝试配置hotReload: false,问题解决
webpack 配置如下
config.module.rule('md')
.test(/\.md/)
.use('vue-loader')
.loader('vue-loader')
.options({
    hotReload: false,
})
.end()
.use('vue-markdown-loader')
.loader('vue-markdown-loader/lib/markdown-compiler')
.options({
    raw: true,
    preprocess: function (MarkdownIt, Source) {

        MarkdownIt.renderer.rules.table_open = function () {

            return '<div class="table-container"><table class="table">';
        };
        MarkdownIt.renderer.rules.table_close = function () {

            return '</table></div>';
        };
        return Source;
    },
})
GitHub 加速计划 / vu / vue
207.53 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:1 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 3 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 4 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐