VueMdlのコンポーネントが正しく登録されていません

Vue 2.0 + VueRouterを使用していて、VueMdl（https://posva.net/vue-mdl/#/usage）のコンポーネントをプロジェクトに統合しようとしています。VueMdlのコンポーネントが正しく登録されていません

サイトは、埋め込みApache Tomcatを使用してSpringブートによって提供される静的リソースとして実行されているため、FrontendがNodeJs環境で実行されていないことを考慮してください。

問題は、VueMdlコンポーネントが正しく登録されていない理由がわかりません。 VueMdlやconsole.log（VueMdl）と入力するとNodeJsやブラウザの開発者コンソールに固有なので、require（）関数は機能しません...オブジェクトが定義されていることがわかります。：

は、私はあなたがそれをインポートする必要があると思う、事前に

app.js

const router = new VueRouter({ 
    routes: routes 
}) 

// load main Vue.js app 
var app = new Vue({ 
    el: '#app', 
    router: router, 
    components: VueMdl.components, 
    directives: VueMdl.directives 
})

index.htmlを

<html> 
    <head> 
    [....] 
    </head> 
    <body> 
    [....] 
    <script src="https://unpkg.com/vue/dist/vue.js"></script> 
    <script src="https://unpkg.com/vue-router/dist/vue-router.min.js"></script> 
    <script src="//rawgit.com/posva/vue-mdl/master/dist/vue-mdl.min.js"></script> 
    <script src="app.js"></script>  
    </body> 
</html>

エラーテキスト

[Vue warn]: Unknown custom element: <mdl-textfield> - did you register the 
component correctly? For recursive components, make sure to provide the "name" option. 
(found in <Anonymous> - use the "name" option for better debugging messages.)

出典

2017-03-18 cristi _b

をありがとう

var VueMdl = require('vue-mdl');

私はnodejs、WebPACKのか、他の新しいものを使用していない

出典

2017-03-19 00:39:27

...私はこのVue.use 'にしようとする前http://requirejs.org/docs/download.html –

を追加しようとするでしょう（VueMdl ） 'それが動作するかどうかを確認してください。 –

今日はちょっと後でお知らせします... –

VueMdlのコンポーネントが正しく登録されていません

答えて

関連する問題