next.js+xgplayer报错SyntaxError: Cannot use import statement outside a module

最近开发视频增加字幕功能时候，页面编译报错SyntaxError: Cannot use import statement outside a module

版本如下： "next": "13.4.7", "xgplayer": "3.0.16", "xgplayer-subtitles": "3.0.16"

代码引入如下：

import Player from 'xgplayer';
import 'xgplayer/dist/index.min.css';

import TextTrack from 'xgplayer/es/plugins/track' // 这是xgplayer官方提供的样例
import "xgplayer/es/plugins/track/index.css"

解决方案：将TextTrack的引入方式变更为xgplayer引入

import Player, { TextTrack } from 'xgplayer';
import 'xgplayer/dist/index.min.css';
import "xgplayer/es/plugins/track/index.css"

最后，其实并不知道为什么会报这个错误，是next.js问题还是其他，希望知道的小伙伴能够帮忙解答一下，蟹蟹