typescript动态导入与tsconfig.json中的webpack.config冲突？

在上面的配置中，当我运行

npm run build

时，它抛出错误：

//webpack.config.ts
import merge from 'webpack-merge'
import base from './webpack.base'
import webpack from 'webpack';
// ...

我找到了应该使用

“module”的解决方案：“commonjs”

，毫无疑问，webpack是在节点环境中运行的

动态导入网页包需要

“模块”：
tsconfig.json
中的“esNext”

， 如果我使用

“module”：“commonjs”

配置，则带有

webpackChunkName

的webpack不起作用

我的动态导入代码是这样的，以及babel中的配置

(function (exports, require, module, __filename, __dirname) { import merge from 'webpack-merge';
SyntaxError: Cannot use import statement outside a module`

---

我无法通过谷歌找到最终的解决方案，我该怎么办？非常感谢您的帮助。

您可能缺少

ts节点

。请安装并重试

npm安装ts节点-D

---

相关答案及更多信息：

在尝试运行导致问题的

webpack--mode production

命令之前，我通过安装

ts node

修复了此问题。我相信ts节点是用来将

webpack.config.ts

文件转换成node可以理解的内容的

(function (exports, require, module, __filename, __dirname) { import merge from 'webpack-merge';
SyntaxError: Cannot use import statement outside a module`

const starsDance = () => import(/* webpackChunkName: "starsDance" */'./game-stars-dance')