Vue 자료 - 변경 사항이 보이지 않습니다.

Question

내 vue 프로젝트 (webpack, hot reloads, 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'에 변경. 브라우저에 표시되는 내용을 설명하려고 시도 할 수 있습니다.