在Nuxt 3中使用amCharts5时出现导入错误求助

方案1：配置Nuxt别名适配regression模块 #

问题根源是amCharts5用默认导入方式引入regression，但新版regression仅提供命名导出。在nuxt.config.ts中添加别名，将regression指向其ES模块入口，同时让Vite预优化该依赖：

export default defineNuxtConfig({
  alias: {
    'regression': 'regression/dist/regression.esm.js'
  },
  vite: {
    optimizeDeps: {
      include: ['regression']
    },
    resolve: {
      alias: {
        'regression': 'regression/dist/regression.esm.js'
      }
    }
  }
})

修改后重启Nuxt服务即可。

方案2：用脚本修改amCharts的导入语句（临时 workaround） #

如果方案1无效，直接修改amCharts5中RegressionSeries的导入方式，用postinstall脚本自动处理：

1. 在package.json中添加脚本：

{
  "scripts": {
    "postinstall": "node fix-amcharts-regression.js"
  }
}

2. 在项目根目录创建fix-amcharts-regression.js文件：

const fs = require('fs')
const path = require('path')

// 根据项目实际路径调整文件位置
const filePath = path.join(__dirname, 'node_modules/@amcharts/amcharts5/src/series/RegressionSeries.ts')
let content = fs.readFileSync(filePath, 'utf8')
// 将默认导入替换为命名空间导入
content = content.replace("import regression from 'regression'", "import * as regression from 'regression'")
fs.writeFileSync(filePath, content)

执行npm run postinstall后重启服务，每次npm install后脚本会自动执行。

方案3：降级regression模块版本 #

早期版本的regression提供默认导出，可尝试安装2.0.1版本：

npm uninstall regression
npm install regression@2.0.1

内容的提问来源于stack exchange，提问作者Scott Stanley