Electron+nuxt+amCharts 4：意外的代币导出

Question

我想使用 Electron、nuxt.js 和 am4charts 编写一个桌面应用程序。当导入 am4charts 核心时

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

应用程序返回错误：

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 之间可能存在已知问题，解决方案如下：

创建文件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
  }
}

然后添加到 nuxt.config.js

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

在组件文件中

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

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