今天在使用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;
    },
})
Logo

前往低代码交流专区

更多推荐