vue-material的引用问题?

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

我不知道怎么解决?求帮助、

阅读 3.2k
2 个回答
说明一下你的源码问题:
1.未安装正确版本的vue-material。学习一下npm相关知识(如,安装指定版本,卸载安装版本,更新安装版本)
2.既然使用了vue-cli脚手架,在main.js中import了样式,为何还要在index.html中引入cdn样式?那是在未使用脚手架时才那样引入。
3.配置主题之类的,建议看看官方文档,别照搬别人的,可能因为版本问题不符。
最后,其实所有的答案都在官方文档里面,建议细读。
附上修改后的源码,下载后npm install->npm run dev 看效果

报错是<md-ripple>组件未注册,查看一下Vue Material有无该组件,或者试一下其他组件,看有没报错。

------更新分割线------
看了源码,是vue-material版本过低,应安装最新版"vue-material": "^1.0.0-beta-7"
重新安装版本后,再引入default-dark主题(可自己选)
import 'vue-material/dist/theme/default-dark.css'

刚刚用vue-cli新建了一个项目引入Vue Material测试了一下,没有问题。
说一下引入步骤
1.打开cmd 安装vue-material npm install vue-material@beta --save
2.在main.js中引入

import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'
import 'vue-material/dist/theme/default-dark.css'

Vue.use(VueMaterial)

3.App.vue中使用组件

4.查看页面,使用成功
图片描述

请仔细核对你的引入步骤,确定是否是这样引入的

看报错有两个问题,第一个是<md-ripple>组件未注册,因为没用过这个组件,所以并不是很清楚正确的引入方式,建议看文档,或是去官方仓库提问。
第二个是word_search.js里有个nodeName未定义,请检查!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题