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

我的设置：

• 电子螺母样板（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