mint-ui使用出错

mint-ui使用出错

使用mint-ui的Toast时候,出现以下错误,且Toast无法显示。

我看到有同学提问过这个问题,但是没有得到解决,希望老师能重视,可能其他同学还会遇到。

http://img1.sycdn.imooc.com//climg/5bea73840001d9d619060641.jpg

另外,注意到在main.js中引入mint-ui的时候,好像也有报错,不知道是否有影响。

mint-ui是按照老师说方法安装的,npm i mint-ui --save

http://img1.sycdn.imooc.com//climg/5bea73f800017bb409470591.jpg

demo17/index.vue

<template>
<div>
<div>移动组件库Mint UI</div>

<div>------------------------------------------</div>
</div>
</template>

<script>
import { Toast } from 'mint-ui';

export default {
data() {
return {
};
},

mounted() {
Toast('提示信息');
}
};
</script>

main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import VueResource from 'vue-resource'
import App from './App'
import router from './router'
import store from './store'
import MintUI from 'mint-ui'

//全局使用
Vue.use(VueResource);
Vue.use(MintUI);

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,如下,是到这一步,在页面查看效果的时候,没有显示,并报错了吗?

http://img1.sycdn.imooc.com//climg/5bea80850001e17305020584.jpg

这里使用你的代码测试,是可以显示的哦,例:

http://img1.sycdn.imooc.com//climg/5bea8011000156ca03390370.jpg

你这个没有找到mint-ui模块,建议使用npm install mint-ui --save重新安装下!

祝学习愉快!

提问者 倚松听花语 2018-11-13 15:36:39

经再次调查,是由于mint-ui的版本不对造成的。安装最新的"mint-ui": "^2.2.13",不会有这个问题。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师