ReferenceError: vis is not defined

Question

我通过 npm npm install vis-network

安装了 vis.js

并且已经在我的 app.js

中需要它

try {
    require('vis-network');
} catch (e) { }

并在 laravel mix

中重新编译它

npm run dev

但是每当我实例化一个 vis 实例时，我总是在控制台上收到 vis is not define 错误..

<script>
let nodes = new vis.DataSet(_nodes),
    edges = new vis.DataSet(_connections);

...
let network = new vis.Network(container, { nodes: nodes, edges: edges }, _options);
</script>

我错过了什么？

Answer 1

尝试将其添加到 window 对象，以转义节点封装上下文。

try {
    window.vis = require('vis-network/standalone');
} catch (e) {
    console.error(e);
}

Answer 2

您需要捆绑您的应用程序才能将 commonJS 模块转换为浏览器支持的代码。

看到这个问题：How to use npm installed package in laravel application?

ReferenceError: vis is not defined

ReferenceError: vis is not defined

javascript

vis.js