External外部化后CDN资源加载失败怎么办？

Good“俊美提问于 2026-03-20 18:10:19 阅读 3

优化

我在用Webpack做打包优化，把React和ReactDOM配置成external了，想用CDN加载。本地开发没问题，但部署到测试环境后页面直接白屏，控制台报错说React is not defined。

我检查过HTML里确实引入了CDN链接，顺序也没问题。是不是external的写法不对？我的配置是这样的：

externals: {
  react: 'React',
  'react-dom': 'ReactDOM'
}

打包优化

我来解答赞 0 收藏

反馈

1 条解答

ლ文科 Lv1

这问题听起来像是CDN加载顺序或者路径的问题。既然本地没问题，线上出问题，那多半是环境差异导致的。

先检查一下你的HTML文件里CDN链接是否正确，确保它们指向的是正确的版本，并且能够正常访问。有时候CDN服务商的节点问题也会导致加载失败。

其次，确保CDN脚本标签在你的打包后的JS文件之前加载。浏览器是从上到下解析HTML的，如果JS文件先加载而CDN还没加载好，自然会找不到React。

最后，你的externals配置看起来没问题，但可以尝试一下这样写：

externals: {

  react: 'window.React',

  'react-dom': 'window.ReactDOM'

}

有时候加上window.前缀能解决一些全局变量识别的问题。

如果以上都确认无误还是不行，可以尝试在你的JS文件里手动设置一个延迟加载的逻辑，确保React和ReactDOM已经加载好再执行你的应用初始化代码。但这应该是最后的手段，最好还是找到根本原因解决。

2026-03-20 18:11