Vue材料 - 我沒有看到變化

我在我的vue項目中使用了http://vuematerial.io/#/getting-started（webpack，hot reloads，babel等）。Vue材料 - 我沒有看到變化

我已經導入這個庫（通過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>

來源

2017-09-08 Zyg

您是否可以在終端中包含錯誤消息？ – andy

我沒有收到任何錯誤消息。 Babel編譯器沒有看到任何錯誤。所有都包含正確。 – Zyg

你的網頁來源是什麼？爲了調試，我建議你添加新的Vue（{}）; 'this：'beforeUpdate：function（）{console.debug（'vue rerendering'）; console.debug（this）; }， beforeCreate：function（）{ console.debug（'vue creating'）; console.debug（this）; }，' 你能告訴我你把vue應用程序注入html的位置嗎？也許vue找不到它的div – LakiGeri

你試過終止於節點的工作，並再次投放？我自己並沒有使用vue材料，但當我涉足vue時，我發現這個問題突然出現了幾次。

來源

2017-09-08 09:15:55

是的。我終止了很多次節點服務器以及django服務器（服務於後端文件）。我正在這3天工作...... – Zyg

您的vue-material.css是否正確導入？

嘗試改變import 'vue-material/dist/vue-material'到import 'vue-material/dist/vue-material.css'

我無法從你的問題告訴我們，如果這是你的問題，或者是否有與熱重載問題。可能試圖描述您在瀏覽器中看到的內容。

來源

2017-09-15 02:07:22

Vue材料 - 我沒有看到變化

回答

相關問題