ビューの素材 - 変更が表示されない

Question

私の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> 

Answer 1

は、ノード内のジョブを終了し、再び提供しようとしたことがありますか？私はvue-materialを自分で使用したことはありませんが、私がvueでおしゃべりしている間に、この問題が数回起きていることがわかりました。

Answer 2

vue-material.cssは正しくインポートされていますか？

が、これはあなたの問題であるか、ホットリロードに問題があるかどうかあれば私はあなたの質問から言うことができないimport 'vue-material/dist/vue-material'import 'vue-material/dist/vue-material.css'へ

を変更してみてください。あなたがブラウザで見るものを記述しようとするかもしれません。