Question

尝试使用webpack-4进行代码拆分时出现此错误。我遇到了Radium的问题，因此对React react-dom和Radium使用了外部依赖关系。知道有什么问题吗？

我正在使用Webpack-4和React-16。

我正在尝试在现有项目上进行代码拆分。所以我将拆分的块添加到Webpack配置-

optimization: {
  splitChunks: {
    cacheGroups: {
        commons: {
            name: 'commons',
            chunks: 'initial',
            minChunks: 2
        }
    }
  }
}

externals: {
  radium: 'Radium',
  react: 'React',
}

也将此包含在我的索引文件中

<script crossorigin src="https://unpkg.com/react@16.9.0/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/radium/0.25.2/radium.min.js"> 
</script>

当我不进行代码拆分时，一切工作正常。

更新：- 在对外部设备添加react-dom之后，此问题已得到解决。但是现在又发生了另一个错误-“未捕获的不变违规：如果不将react-dom/profiling模块替换为scheduler/tracing，则不支持运行渲染器的概要分析版本（例如scheduler/tracing-profiling）。您的捆绑程序可能具有为两个模块都使用别名的设置。有关更多信息，请访问http：///fb.me/react-profiling“

根据官方文档，我在webpack中添加了以下别名，但仍然存在相同的错误

'react-dom$': 'react-dom/profiling',
'scheduler/tracing': 'scheduler/tracing-profiling'

无法从react-dom设置未定义的属性'getCurrentStack'

0 个答案: