由于第一次使用3.0版本而且对webpack不是太熟悉,所以出现了一个小问题,希望大佬们能给点意见,或者正确配置的参考。Thanks♪(・ω・)ノ
// vue.config.js 文件配置
configureWebpack: {
module: {
rules: [
{
test: /\.md$/,
loader: 'vue-markdown-loader',
},
],
},
},
以上配置是在 vue-cli 3.0的配置文件中配置的,但在加载.md文件的时候报错。并显示错误信息如下:
./src/views/docs/Test.md?vue&type=template&id=4541a2ce (./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"I://Workspace//library//vue-ysui//node_modules//.cache//vue-loader","cacheIdentifier":"142534a6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-markdown-loader!./src/views/docs/Test.md?vue&type=template&id=4541a2ce)
(Emitted value instead of an instance of Error)
Error compiling template:
module.exports = require("!!vue-loader!../../../node_modules/vue-markdown-loader/lib/markdown-compiler.js?raw!./Test.md?vue&type=template&id=4541a2ce");
- Component template requires a root element, rather than just text.
如下是vue-cli 2.x版本的配置,是正常能加载解析md文件的。
// webpack.base.conf.js 文件配置
module: {
rules: [
...(config.dev.useEslint ? [createLintingRule()] : []),
{
test: /\.md$/,
loader: 'vue-markdown-loader',
},
]
},
Hello, your issue has been closed because it does not conform to our issue requirements. In order to ensure every issue provides the necessary information for us to investigate, we require the use of the Issue Helper when creating new issues. Thank you!
你好,你的 issue 不符合我们所要求的格式,因此已被自动关闭。为了确保每个 issue 都提供必需的相关信息,请务必使用我们的 Issue 向导 来创建新 issue,谢谢!
应该是 vue-markdown-loader 不兼容 vue-loader 15.
Most helpful comment
应该是
vue-markdown-loader不兼容vue-loader15.