Electron+nuxt+amCharts 4：意外的令牌导出

Question

我想使用 Electron、nuxt.js 和 am4charts 编写桌面应用程序。使用

导入 am4charts 核心时

import * as am4core from '@amcharts/amcharts4/core'

应用程序 returns 错误：

export { System, system } from "./.internal/core/System";
^^^^^^

SyntaxError: Unexpected token export

我的设置：

Electron-nuxt 样板文件（https://github.com/michalzaq12/electron-nuxt）
"@amcharts/amcharts4": "^4.7.1"

我已经尝试使用

在 nuxt.config.js 中转换 amCharts

  build: {
    transpile: [
      '@amcharts/amcharts4'
    ],
    vendor: ['v-tooltip']
  }

但没有成功。我该如何解决这个问题？

Answer 1

我发现它可能是 nuxt.js 和 amcharts.js 之间的已知问题，它有如下解决方案：

create a file plugins/amcharts.js

import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";
import am4themes_animated from "@amcharts/amcharts4/themes/animated";
import am4themes_dark from "@amcharts/amcharts4/themes/dark";

import Vue from "vue";

Vue.prototype.$am4core = () => {
  return {
    am4core,
    am4charts,
    am4themes_animated,
    am4themes_dark
  }
}

then add to nuxt.config.js

plugins: [
    {
      src: '~/plugins/amCharts.js',
      ssr: false
    }
  ],

in components file

mounted() {
     let {am4core, am4charts, am4themes_animated, am4themes_dark} = this.$am4core();
 }

解决方案在 Github 上找到：https://github.com/nuxt/nuxt.js/issues/3336

Answer 2

在nuxt.config.js文件中输入下面的代码

build: {
        transpile: ['@amcharts/amcharts4']
    }

Electron+nuxt+amCharts 4：意外的令牌导出

Electron+nuxt+amCharts 4: Unexpected token export

javascript

amcharts

electron

nuxt.js