Vue 材料 - 我没有看到变化答案

【问题标题】：Vue material - I don't see changesVue 材料 - 我没有看到变化
【发布时间】：2018-02-17 03:52:56
【问题描述】：

我在我的 vue 项目（webpack、热重载、babel 等）中使用http://vuematerial.io/#/getting-started。

我已经导入了这个库（通过 npm）并将它包含在 main.js 文件中，但是我没有看到我的项目中有任何变化。浏览器不渲染它。

我做错了什么？

main.js：

import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material'
import App from './App.vue'

Vue.use(VueMaterial)

Vue.material.registerTheme('default', {
  primary: 'blue',
  accent: 'red',
  warn: 'red',
  background: 'grey'
})

/* eslint-disable no-new */
new Vue({
  el: 'body'
  components: { App },
  render: h => h(App)
})

App.vue：

<template>
  <div id="app">
    <hello></hello>
    <md-button>Default</md-button> // this doesnt work!
  </div>
</template>

<script>

export default {
  components: {
    'hello': Hello,
    'documents': Documents,
    'Home': Home
  },
  data: function () {
    return {

    }
  }
}
</script>

【问题讨论】：

能否包含您在终端中收到的错误消息。
我没有收到任何错误消息。 Babel 编译器看不到任何错误。全部正确包含。
您的页面来源是什么？为了调试，我建议你添加新的Vue({}); 这个：beforeUpdate: function() { console.debug('vue rerendering'); console.debug(this); }, beforeCreate: function() { console.debug('vue creating'); console.debug(this); }, 你能告诉我你在哪里将 vue 应用程序注入到 html 中吗？可能vue找不到它的div

标签： vue.js vue-material

【解决方案1】：

您是否尝试过终止节点中的作业并再次服务？我自己没有使用过 vue-material，但我发现这个问题在我涉足 vue 时出现了几次。

【讨论】：

是的。我多次终止节点服务器以及 django 服务器（它提供后端文件）。我正在努力那 3 天...

【解决方案2】：

您的 vue-material.css 是否正确导入？

尝试将import 'vue-material/dist/vue-material' 更改为import 'vue-material/dist/vue-material.css'

我无法从您的问题中判断这是您的问题还是您是否遇到了热重载问题。可能会尝试描述您在浏览器中看到的内容。

【讨论】：