# embedding viewof error - radio could not be resolved

**URL:** <https://talk.observablehq.com/t/embedding-viewof-error-radio-could-not-be-resolved/1964>\
**Category:** Help\
**Created:** [May 9, 2019, 6:16pm UTC](https://talk.observablehq.com/t/embedding-viewof-error-radio-could-not-be-resolved/1964 "2019-05-09T18:16:56Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![bgchen](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/bgchen/32/784_2.png) [@bgchen](https://talk.observablehq.com/u/bgchen)\
**Post date:** [May 9, 2019, 6:48pm UTC](https://talk.observablehq.com/t/embedding-viewof-error-radio-could-not-be-resolved/1964/2 "2019-05-09T18:48:58Z")

</div>

The underlying issue here is that the “input” cell appears twice in [https://api.observablehq.com/d/09fe7ea0f0ac07fd.js](https://api.observablehq.com/d/09fe7ea0f0ac07fd.js)

There are a few solutions described in [this recent thread](https://talk.observablehq.com/t/runtime-and-dependencies/1953/3). The most future-proof one is to switch to using the v3 module format like this:

```auto
<script type="module">
  import {
    Runtime,
    Inspector
  } from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";

  // Your notebook, compiled as an ES module.
  import define from "https://api.observablehq.com/d/09fe7ea0f0ac07fd.js?v=3";

  const renders = {
    "viewof p": "#viewof-p"
  };

  for (let i in renders)
    renders[i] = document.querySelector(renders[i]);

  const runtime = new Runtime();
  const main = runtime.module(define, name => {
    if (renders[name]) {
      return new Inspector(renders[name]);
    }
  });
  </script>

```

---

_[View the full topic](https://talk.observablehq.com/t/embedding-viewof-error-radio-could-not-be-resolved/1964)._