执行nuxt build时Rollup无法解析highcharts/modules/.js导入报错

安全阿岳

2026-6-28

已安装版本

Nuxt 3.10.3
nuxt-highcharts: 3.1.1

问题描述

我已安装nuxt-highcharts，在nuxt.config.ts文件中添加配置如下：

export default defineNuxtConfig({ 
  modules: [ 'nuxt-highcharts' ], 
})

执行nuxt build时出现以下错误：

ERROR  Nuxt Build Error: [vite]: Rollup failed to resolve import "highcharts/modules/.js" from "virtual:nuxt:/frontend/.nuxt/nuxt-highcharts.hcMods.js".

奇怪的是，.nuxt文件夹中并没有nuxt-highcharts.hcMods.js文件，该如何解决此问题？

已尝试操作

删除node_modules文件夹和package.lock.json后重装所有模块

解决方案

明确配置Highcharts模块
该错误多因未指定要加载的Highcharts模块，导致插件尝试导入空路径。需在nuxt.config.ts中显式声明所需模块，示例：
```
export default defineNuxtConfig({
  modules: ['nuxt-highcharts'],
  highcharts: {
    modules: ['stock', 'map'] // 按需添加实际需要的模块
  }
})
```
若无需额外模块，可设置为空数组避免默认逻辑出错：
```
highcharts: {
  modules: []
}
```
调整nuxt-highcharts版本
当前使用的nuxt-highcharts 3.1.1可能与Nuxt 3.10.3存在兼容性问题，可尝试降级至稳定版本，执行命令：
```
npm uninstall nuxt-highcharts
npm install nuxt-highcharts@1.0.8
```
清理Nuxt缓存
除删除依赖文件外，清理Nuxt缓存可解决虚拟文件生成异常问题，执行：
```
npx nuxt clean
```
完成后重新执行nuxt build。
手动安装Highcharts核心包
确保项目已安装Highcharts核心依赖，若插件未自动关联，执行：
```
npm install highcharts
```