VueJS 3 / Django : Uncaught TypeError: Не удалось разрешить спецификатор модуля "@revolist/vue3-datagrid". Относительные ссылки должны начинаться либо с "/".

Я использую Django 4.0 и Vue JS 3 в приложении, где мне нужен модуль Vue под названием @revolist/vue3-datagrid.

В документации, вот как я должен вызвать его в моем файле шаблона (doc here).

<template>
  <div id="app">
    <v-grid
      theme="compact"
      :source="rows"
      :columns="columns"
    ></v-grid>
  </div>
</template>
 
<script>
import VGrid from "@revolist/vue3-datagrid";
export default {
  name: "App",
  data() {
    return {
      columns: [{ prop: "name" }, { prop: "details" }],
      rows: [{
        name: "1",
        details: "Item 1",
      }]
    };
  },
  components: {
    VGrid,
  },
};
</script>

Когда я скопировал его в файл шаблона моего Django App, я получил эту ошибку :

Uncaught TypeError: Failed to resolve module specifier "@revolist/vue3-datagrid". Relative references must start with either "/", "./", or "../".

После некоторых поисков я обнаружил, что добавление может помочь. Для меня это не сработало.

Я предполагаю, что документация написана для Node.JS или чистых приложений Vue JS 3, а не для Django-подобных. Я думаю, что Vue не может найти "@revolist/vue3-datagrid", так как мои файлы node_modules находятся в каталоге /static/node_modules/@revolist/vue3-datagrid.

enter image description here

Итак, я попытался вызвать импорт таким образом :

import VGrid from "/static/node_modules/@revolist/vue3-datagrid/dist/vgrid.js";

Но я получил эту ошибку :

Uncaught SyntaxError: The requested module '/static/node_modules/@revolist/vue3-datagrid/dist/vgrid.js' does not provide an export named 'default'

Я не уверен, что именно этот файл я должен импортировать. И вообще, как я должен обрабатывать такой импорт в приложении не на VueJS

Может кто-нибудь объяснить мне, как с этим справиться?

Большое спасибо!

Вернуться на верх