zoukankan      html  css  js  c++  java
  • Ant design vue 引入echarts

              1、首先,在客户端输入:

       npm install echarts --save

             2、执行完毕后,再次编译运行

        yarn run serve

              可是结果没有想到,会报此错误:

    ERROR  Failed to compile with 6 errors                                                                                                            下午3:32:56
    These dependencies were not found:
    
    * ant-design-vue in ./src/core/use.js
    * ant-design-vue/dist/antd.less in ./src/core/use.js
    * ant-design-vue/es/icon in ./src/components/Menu/menu.js
    * ant-design-vue/es/locale/zh_CN in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&
    * ant-design-vue/es/menu in ./src/components/Menu/menu.js
    * vue-router in ./src/router/index.js
    
    To install them, you can run: npm install --save ant-design-vue ant-design-vue/dist/antd.less ant-design-vue/es/icon ant-design-vue/es/locale/zh_CN ant-design-vue/es/menu vue-router

          3、再次安装

    yarn install

    warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
    [1/4] Resolving packages...
    success Already up-to-date.
    $ opencollective-postinstall
    Thank you for using vue-antd-pro!
    If you rely on this package, please consider supporting our open collective:
    > https://opencollective.com/ant-design-pro-vue/donate

    Done in 4.99s.

          4、再次编译运行   yarn run serve,  提示编译成功

          5、打开浏览器,访问后报JS错:

                echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错

          6、在引入的地方把:

                  import echarts from 'echarts'

                更改为: import * as echarts from 'echarts'

           刷新后,就可以看到想要的柱状图了。

  • 相关阅读:
    [转]使用.NET中的XML注释(一) XML注释标签讲解
    Cookie文件格式
    [转]去掉网页上链接或按钮的虚线框
    [转]TFS提供修改密码的页面
    [转]动态操作Stylesheet里的rule
    模拟TcpClient的Timeout
    [转]使用.NET中的XML注释(二) 创建帮助文档入门篇
    【转】PowerPoint 2007与微软拼音输入法的问题
    [转]BloomFilter——大规模数据处理利器
    关于费马小定理与欧拉定理的关系
  • 原文地址:https://www.cnblogs.com/zhongjicainiao/p/14357109.html
Copyright © 2011-2022 走看看