赞
踩
主要原因,当使用快速搭建框架时(renren-fast),框架本身已经在最外层的index.html和build 下webpack.base.conf中强制使用了它原项目中的echarts(版本3.8.5),
这个版本是没有关系图的,所以需要将原来框架中的eCharts版本更新或者直接删除,重新引入
引入方法这里记录一下:
- npm install echarts --save
-
- //在main.js中添加:
- import * as echarts from 'echarts'
- Vue.prototype.$echarts = echarts
-
- //即可直接使用:
- var myChart = this.$echarts.init(document.getElementById('myChart'))
-
-
- //index.html文件中此处的echarts引用需要删除
- <!-- 开发环境 -->
- <link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico">
- <script src="./static/config/index.js"></script>
- <script src="./static/plugins/mock-1.0.0-beta3/mock-min.js"></script>
- <script src="./static/plugins/echarts-3.8.5/echarts.common.min.js"></script>
- <script src="./static/plugins/ueditor-1.4.3.3/ueditor.config.js"></script>
- <script src="./static/plugins/ueditor-1.4.3.3/ueditor.all.min.js"></script>
- <script src="./static/plugins/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js"></script>
-
-
-
- // build/webpack.base.conf.js 文件中的下方也需要干掉
- externals: {
- mockjs: 'Mock',
- echarts: 'echarts',
- ueditor: 'UE'
- }
-
-
- //当然,也可以直接更改外链版本~
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。