我很确定是我的错，但我找不到。
我用ionic start oracolo创建了一个新的Ionic/Angular应用程序，然后添加了一个新组件（名为Histogram，但这并不重要），然后安装了vega-embed with npm install vega-embed，并尝试使用以下代码向组件添加Vega/Vega-Lite视图：

async ngOnInit() {
    const spec = "https://raw.githubusercontent.com/vega/vega/master/docs/examples/bar-chart.vg.json";
    const result = await embed("figure#vis", spec);
    console.log(result.view);
  }

与其HTML模板配对：

<div>
  <figure id="vis"></figure>
</div>

我想我在这里所做的只是按照vega-embed project page上的示例代码，但是当我运行我的应用程序时，没有Vega视图出现，我在浏览器控制台中得到以下错误：

Uncaught (in promise): Error: figure#vis does not exist
Error: figure#vis does not exist
    at _callee4$ (vega-embed.module.js:2960:17)
    at tryCatch (vega-embed.module.js:123:15)
    at Generator.invoke [as _invoke] (vega-embed.module.js:319:20)
    at prototype.<computed> [as next] (vega-embed.module.js:172:19)
    at asyncGeneratorStep (vega-embed.module.js:54:24)
    at _next (vega-embed.module.js:73:9)
    at vega-embed.module.js:78:7
    at new ZoneAwarePromise (zone.js:1429:21)
    at vega-embed.module.js:70:12
    at _embed3 (vega-embed.module.js:3227:18)
    at resolvePromise (zone.js:1211:31)
    at zone.js:1118:17
    at zone.js:1134:33
    at rejected (tslib.es6.js:119:89)
    at _ZoneDelegate.invoke (zone.js:372:26)
    at Object.onInvoke (core.mjs:24313:33)
    at _ZoneDelegate.invoke (zone.js:371:52)
    at Zone.run (zone.js:134:43)
    at zone.js:1275:36
    at _ZoneDelegate.invokeTask (zone.js:406:31)

我不确定这个应用程序作为一个爱奥尼亚应用程序是否能从嵌入式的Angular 带来任何不同，所以我把它原样带给你。
在E.Maggini的answer之后编辑：
我试着将代码移到ngAfterViewInit中，在那里DOM应该是可用的，但是我得到了同样的错误：

export class HistogramComponent implements OnInit, AfterViewInit {

  constructor() { }

  ngOnInit() { }

  async ngAfterViewInit() {
    const spec = "https://raw.githubusercontent.com/vega/vega/master/docs/examples/bar-chart.vg.json";
    const result = await embed("figure#vis", spec);
    console.log(result.view);
  }
}

编辑2：
将Vega视图添加到由ionic start命令自动生成的现有ExploreContainerComponent中有效。将视图添加到我之后生成的HistogramComponent中无效。
但是，除了名称之外，我看不到这两个组件之间有任何区别。