Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js VueMdl组件未正确注册_Vue.js_Vuejs2_Vue Component - Fatal编程技术网

Vue.js VueMdl组件未正确注册

Vue.js VueMdl组件未正确注册,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我正在使用Vue 2.0+VueRouter,并试图将VueMdl()组件集成到我的项目中 站点是使用嵌入式Apache Tomcat作为Spring Bug服务的静态资源,因此考虑前端不是在NoDEJS环境中运行。 问题是我不明白为什么VueMdl组件没有正确注册。require()函数不起作用,因为它特定于NodeJs,如果我键入VueMdl或console.log(VueMdl),则在浏览器开发人员控制台中。。。我可以看到对象也被定义了 提前谢谢大家, app.js const route

我正在使用Vue 2.0+VueRouter,并试图将VueMdl()组件集成到我的项目中

站点是使用嵌入式Apache Tomcat作为Spring Bug服务的静态资源,因此考虑前端不是在NoDEJS环境中运行。

问题是我不明白为什么VueMdl组件没有正确注册。require()函数不起作用,因为它特定于NodeJs,如果我键入VueMdl或console.log(VueMdl),则在浏览器开发人员控制台中。。。我可以看到对象也被定义了

提前谢谢大家,

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.)
[Vue warn]:未知自定义元素:-您是否注册了
组件是否正确?对于递归组件,请确保提供“name”选项。
(位于-使用“名称”选项可以更好地调试消息。)

我认为您需要导入它:

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

我没有使用nodejs、webpack或其他新东西。。。在此之前,我将尝试添加到
Vue.use(VueMdl)
,看看它是否有效。今天我会通知您。。。后来,我不得不添加require.js并重写了大量代码