mxgraph.js实现Topo图

把：mxgraph文件夹下面的所有内容放在src下的view下面后， api 里面的2个js ，本地的xmls文件夹下的2个 xml。

先贴报错的部分：

报错1，

把报错的css 370行的css样式注释了即可；

需要修改： style 下的grapheditor.css里面的内容：

把所有的-filter 改为filter；

报错2，

报错提示说需要装3个依赖包：

npm install --save mxgraph sanitizer spin.js

安装依赖包：

报错3：装完后又报2个错误：

先装一个依赖：npm install --save file-loader

npm install --save babel-loader

npm install --save css-loader

npm install --save eslint-loader

npm install --save iview-loader

npm install --save less-loader

npm install --save raw-loader

npm install --save url-loader

npm install --save vue-loader

npm install --save vue-style-loader

解决办法：

chainWebpack: config => {config.module.rule("html")            //create a named rule.test(/web-components/)  //define the file test.use("html-loader")      //create a named use.loader("html-loader")   //assign a loader.end();                  //back up to define another use, e.g. you could do .end().use()....
}

或者:

 chainWebpack: config => {config.resolve.alias.set("@", path.resolve(__dirname, "./src"));//配置txt 和xml 文件的加载config.module.rule(['txt','xml']).test(/\.(txt|xml)$/).use('raw-loader').loader('raw-loader').end()},

npm install webpack-hot-middleware

报错4：

解决办法：先安装这10个loader：

babel-loadercss-loadereslint-loaderfile-loaderiview-loaderless-loaderraw-loaderurl-loadervue-loadervue-style-loader

在安装：vue install webpack-hot-middleware

报错5：本地配置少个东西

处理办法：在src下的main.js里面加一句这个：

const router = new VueRouter(RouterConfig)
export function custom_href(id){return router.push('/edit/' + id)
}

报错6：node后台配置问题

最后为了方便大家的沟通与交流请加QQ群： 625787746

请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140

mxgraph.js实现Topo图相关推荐

JavaScript的案例（数据校验，js轮播图，页面定时弹窗）
1.数据校验步骤 1.确定事件(onsubmit)并绑定一个函数 2.书写这个函数,获取数据,并绑定id ...
vue.js 引用背景图 background 无效的3种解决办法
#vue.js项目中,出现css调用background背景图无效?如何解决? 或者调用<img>标签,也无效果? 直接上代码,自行对比查找一下: 效果图预览 1. 正确的代码,示例如下: ...
php 走马灯轮播,Vue.js轮播图走马灯代码实例（全）
这个是html, 数据中我用了一个数组来放图片的目录, data() { return { superurl: [ { url: '', img: '../../../../static/image/ ...
dva.js 知识导图
dva.js 知识导图 JavaScript 语言变量声明 const 和 let 模板字符串默认参数箭头函数模块的 Import 和 Export ES6 对象和数组析构赋值对象字面量改 ...
Echart.js的趋势图入门与实例
在平时开发项目时,免不了需要对数据进行图表显示的需求,比如:趋势图.饼状图.柱形图等.自己身为一个PHPer,除了PHP本身的功能,不得不需要借助js来实现显示.在了解众多趋势图插件,国内外开源的项目 ...
利用百度Echarts.js生成雷达图
一.下载地址:http://echarts.baidu.com/ 二.看文档(必须的).可选择的看,先完成想要的功能,再扩展. 三.使用推荐的模块化单文件引入. 在在dist文件夹下会有 echa ...
如何使用JS实现banner图滚动
通过JS实现banner图的滚动主要是定时器的应用先新建好banner图的几张图片,最后一张与第一张用同一个,保证滚动的不间断改好样式,需注意所有图片要在同行显示,否则不能向左滚动声明一个函数, ...
d3.js一个面积图的案例(包含brush与zoom)
d3.js 一个面积图的案例(包含brush与zoom) 参考链接:http://www.a4z.cn/pui/ant-admin.html#/simple-area-chart const rawD ...
JS 轮播图图片切换（定时器）
标题JS 轮播图图片切换(定时器) 这次的轮播图与上次的图片切换相比,仅仅是加上了定时器,使其可以自动切换. 上次的图片切换的链接:https://blog.csdn.net/qq_38318589 ...

mxgraph.js实现Topo图

mxgraph.js实现Topo图相关推荐

最新文章

热门文章