我正在学习Vega-Lite。
当我尝试运行一个简单的条形图示例时。浏览器控制台引发错误:
我正在运行此示例
我正在使用网络风暴IDE;它创建了一个本地服务器,我通过该服务器向浏览器提供网页。我也用python http服务器进行了测试。结果是一样的。
错误:
Failed to load resource: the server responded with a status of 404 ()
vega-embed@4:1 The input spec uses Vega-Lite v4, but the current version of Vega-Lite is vnot available.
(anonymous) @ vega-embed@4:1
vega-embed@4:1 Uncaught (in promise) TypeError: Cannot read property 'compile' of undefined
at Object.vega-lite (vega-embed@4:1)
at vega-embed@4:1
at Generator.next (<anonymous>)
at vega-embed@4:1
at new Promise (<anonymous>)
at ce (vega-embed@4:1)
at Ke (vega-embed@4:1)
at et (vega-embed@4:1)
at barexample.html?_ijt=lq5v9im4hg0eforrhc1pcvqivf:55
升级依赖项,而不是 vega-lite@4.0.0-beta.2 的 vega-embed@4
<script src="https://cdn.jsdelivr.net/npm/vega@5.6.0"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@4.0.0-beta.2"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@5.1.2"></script>
或
<script src="https://cdn.jsdelivr.net/npm/vega@5"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@4.0.0-beta.2"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@5"></script>
解决方案:
更新脚本源修复了此问题:
<script src="https://cdn.jsdelivr.net/npm/vega@5"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@3"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@4"></script>
编辑:这是非常快速的解决方法,但不是一个合适的解决方案。 @tmori3y2已经编写了正确的解决方案,并且文档也在Vega-lite存储库上进行了更新。