vue 引入rappid 报错

Question

我在项目中下载了jointjs （yarn add joint），然后在全局注册了

然后想要用的功能是收费的 再网上搜索了rappid的压缩包，把rappid.min.js放在public目录下 然后在index.html中全局引用

，然后运行 报错了

有人遇到过这个问题嘛 怎么解决 ？ 我是想用joint里面的orgchart 这个插件 实现可编辑的树结构

实现这个，可添加删除编辑

Answer 1

你看下你的jquery是否引入了。

Answer 2

1. vue-cli 的版本是 3.0+ 吗？；
   是的话，配置一下 vue.config.js 文件：

   module.exports = {
     configureWebpack: {
       plugins: [
         new webpack.ProvidePlugin({
           $:"jquery",
           jQuery:"jquery"
         })
       ]
     }
   }

2. 不是的话去 build 目录下找到 webpack.base.conf.js 文件

   const webpack = require('webpack')
   module.exports = {
       plugins: [
           new webpack.optimize.CommonsChunkPlugin('common.js'),
           new webpack.ProvidePlugin({
               $: "jquery",
               jQuery: "jquery",
           })
       ]
   }