Javascript vue材料：未知自定义组件md抽屉&；md内容

正在尝试呈现

md抽屉

组件和

md内容

组件。但我很难克服这个错误

[Vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。

组件有相同的错误消息

这是代码

App.vue

<template>
  <div id="app" class="page-container md-layout-column">

      <div class="page-container md-layout-column">
        <md-toolbar class="md-primary">
          <md-button class="md-icon-button" @click="showNavigation = true">
            <md-icon>menu</md-icon>
          </md-button>
        </md-toolbar>

        <md-drawer :md-active.sync="showNavigation">
          <md-toolbar class="md-transparent" md-elevation="0">
            <span class="md-title">My App name</span>
          </md-toolbar>

          <md-list>
            <md-list-item>
              <md-icon>move_to_inbox</md-icon>
              <span class="md-list-item-text">Inbox</span>
            </md-list-item>

            <md-list-item>
              <md-icon>send</md-icon>
              <span class="md-list-item-text">Sent Mail</span>
            </md-list-item>

            <md-list-item>
              <md-icon>delete</md-icon>
              <span class="md-list-item-text">Trash</span>
            </md-list-item>

            <md-list-item>
              <md-icon>error</md-icon>
              <span class="md-list-item-text">Spam</span>
            </md-list-item>
          </md-list>
        </md-drawer>

        <md-content>
          <router-view></router-view>
        </md-content>
      </div>
  </div>
</template>

<script>
export default {
  name: "app",
  data: () => ({
    showNavigation: false,
    showSidepanel: false
  })
};
...
<style>...</style>

您可能知道这段代码几乎是直接从中复制和粘贴的。正因为如此，我几乎可以肯定问题来自

main.js

，但我看不到，也许其他人可以

另外，对于我可能做得不正确的任何其他方面，或者关于Vue的任何一般性方面，欢迎提供任何额外的提示

的信息与github不同步

1） 签入节点\模块/vue材质/组件/ 查看是否有文件夹MdDrawer

2） 您可以看到该文件存在于github中

3） 您可能需要按照github中的说明安装它 npm安装vue-material@beta--保存

---

在运行之前，请确保您执行了npm卸载vue材料以删除以前的材料。

您安装了什么版本的vue材料？我可以告诉您，您链接到的文档的版本与您在codeconfixed中的版本不一样。确认版本是问题所在。使用

npm安装-s vue-material@beta

是银弹。如果有人有同样的问题，我会添加更新npm/清除npm缓存也不会有任何伤害。

import Vue from 'vue'
import Vuex from 'vuex'
import VueRouter from 'vue-router'
import VueMaterial from 'vue-material'

import App from './App.vue'
import store from './store'
import routes from './router'

import 'vue-material/dist/vue-material.css'

const router = new VueRouter({
  routes
})

let colorPrimary = {
  color: 'green',
  hue: 700,
  hexa: '#42b883'
}

let colorAccent = {
  color: 'blue',
  hue: 600,
  hexa: '#35495e'
}

Vue.use(VueMaterial)

Vue.material.registerTheme('default', {
  primary: colorPrimary,
  accent: colorAccent,
  warn: colorPrimary,
  background: 'white'
})

Vue.material.setCurrentTheme('default')

Vue.use(Vuex)
Vue.use(VueRouter)

new Vue({
  el: '#app',
  store,
  router,
  render: h => h(App)
})