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-loader

css-loader

eslint-loader

file-loader

iview-loader

less-loader

raw-loader

url-loader

vue-loader

vue-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图

猜你喜欢