在vue-cli环境中同时应用vuetify和vue-loader时发生错误

Question

我的目标

我使用vue-cli和vuetify制作了网页，并尝试添加vue-markdown-loader。

实际结果

但是在vue.config.js中添加有关vue-loader的源之后发生了错误>>

这是错误消息。

[Vue warn]: Unknown custom element: <v-app> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
[Vue warn]: Unknown custom element: <v-navigation-drawer> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
...
这是我的vue.config.js来源

module.exports = {
  "transpileDependencies": [
    "vuetify"
  ],

  chainWebpack: config => {
    config.module.rule('md')
    .test(/\.md/)
    .use('vue-loader')
    .loader('vue-loader')
  }
}
我尝试了什么

因此，我制作了一个新的简单项目，如下所示进行测试。

vue create test-vuetify
cd test-vuetify
vue add vuetify
并在vue.config.js上添加相同的设置

chainWebpack: config => {
        config.module.rule('md')
        .test(/\.md/)
        .use('vue-loader')
        .loader('vue-loader')
      }
也发生相同的错误

如何添加有关markdown文件的vue-loader并一起使用vuetify？

[我在vuetify-loader github和vue-markdown-loader github上看到了半透明的情况。

• https://github.com/vuetifyjs/vuetify-loader/issues/106
• https://github.com/QingWei-Li/vue-markdown-loader/issues/64

但是我找不到答案。如果有人知道如何解决此问题，请与我分享。😥

模块版本

这是我的模块的版本

"@vue/cli-service": "~4.3.0",
"vue": "^2.6.11",
"vuetify": "^2.2.11",
"vuetify-loader": "^1.3.0"

我的目标是使用vue-cli和vuetify制作网页，并尝试添加vue-markdown-loader。实际结果，但是在vue.config.js中添加有关vue-loader的源代码后出现错误。这是错误...

Answer 1

两件事...