Блог

Моя проблема заключается в следующем:

Я пытаюсь заставить Vue.js и эта Наблюдаемая записная книжка должна существовать.

В частности, я хочу встроить эту записную книжку в свой компонент:

 <template>
<div>
<div class="explainer"></div>
</div>
    
</template>

<script type="module">

import {Runtime, Inspector} from "../observablehq/sarscov2/runtime";
import define from "../observablehq/sarscov2/explainer";
export default {
    mounted(){
        (new Runtime).module(define, name => {
            if (name === "explainer") return Inspector.into(".explainer")()
        })
    }
}

</script>

<style>

</style>
 

Теперь обратите внимание, что я использовал функцию встраивания в Observable site и выбрал ванильный вывод JS. Затем я создал этот скрипт и загрузил файлы js локально (насколько я знаю, Vue не разрешает удаленный импорт). Но результат следующий:

Без SVG.

Итак, заглянув внутрь скрипта, я обнаружил, что, возможно, проблема в том, что этот файл также пытается импортировать другой внешний ресурс, и по какой-то причине ему не разрешено это делать.

В заключение, как я мог решить эту проблему?