antvis/G6

[Bug]: Vue demo error : https://g6.antv.antgroup.com/manual/getting-started/integration/vue #6966

boommanpro posted onGitHub

Describe the bug / 问题描述

https://g6.antv.antgroup.com/manual/getting-started/integration/vue

https://g6.antv.antgroup.com/manual/getting-started/integration/vue

Steps to Reproduce the Bug or Issue / 重现步骤

link: https://g6.antv.antgroup.com/manual/getting-started/integration/vue

Version / 版本

🆕 5.x

OS / 操作系统

  • macOS
  • Windows
  • Linux
  • Others / 其他

Browser / 浏览器

  • Chrome
  • Edge
  • Firefox
  • Safari (Limited support / 有限支持)
  • IE (Nonsupport / 不支持)
  • Others / 其他

Cannot use import statement outside a module

H https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:95091 K.evaluate https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107852 ve.evaluateTranspiledModule https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:118233 c https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107467 at $csb$eval (https://xzf7pg.csb.app/node_modules/ antv/graphlib/esm/index.js:6:20 H https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:95133 K.evaluate https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107852 ve.evaluateTranspiledModule https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:118233 c https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107467 at $csb$eval (https://xzf7pg.csb.app/node_modules/ antv/g6/esm/utils/layout.js:14:28 H https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:95133 K.evaluate https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107852 ve.evaluateTranspiledModule https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:118233 c https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107467 at $csb$eval (https://xzf7pg.csb.app/node_modules/ antv/g6/esm/behaviors/drag-element-force.js:7:27 H https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:95133 K.evaluate https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107852 ve.evaluateTranspiledModule https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:118233 c https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107467 at $csb$eval (https://xzf7pg.csb.app/node_modules/ antv/g6/esm/behaviors/index.js:70:31 H https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:95133 K.evaluate https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107852 ve.evaluateTranspiledModule https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:118233 c https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107467 at $csb$eval (https://xzf7pg.csb.app/node_modules/ antv/g6/esm/registry/build-in.js:9:24 H https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:95133 K.evaluate https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107852 ve.evaluateTranspiledModule https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:118233 c https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107467 at $csb$eval (https://xzf7pg.csb.app/node_modules/ antv/g6/esm/preset.js:2:32 H https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:95133 K.evaluate https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107852 ve.evaluateTranspiledModule https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:118233 c https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107467 at $csb$eval (https://xzf7pg.csb.app/node_modules/ antv/g6/esm/index.js:6:21 H https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:95133 K.evaluate https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107852 ve.evaluateTranspiledModule https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:118233 c https://codesandbox.io/static/js/sandbox.20ab159c9.js:1:107467 $csb$eval /src/App.vue:8 5 | 6 | <script setup> 7 | import { onMounted } from "vue";

8 | import { Graph } from "@antv/g6"; 9 | 10 | onMounted(() => { 11 | const graph = new Graph({ View compiled ▶ 4 stack frames were collapsed. $csb$eval /src/App.vue:2 1 | import { render } from "!babel-loader!vue-template-loader!vue-loader?vue&type=template&id=7ba5bd90&bindings={"onMounted":"setup-const","Graph":"setup-maybe-ref"}!./App.vue"; 2 | import script from "!babel-loader!vue-loader?vue&type=script&setup=true&lang=js!./App.vue" 3 | export * from "!babel-loader!vue-loader?vue&type=script&setup=true&lang=js!./App.vue" 4 | script.render = render 5 | /* hot reload */ View compiled

posted by boommanpro 24 days ago

Fund this Issue

$0.00
Funded

Pull requests