Uncaught ReferenceError: React is not defined

[seekplum]

检查

• 这个问题在 master 分支存在
• 这个问题在 manifest-v3 分支存在
• 这个问题只在 yarn build 构建的产物中出现，通过 yarn start 构建的产物可以正常工作

基础信息

• 代码分支: master/manifest-v3
• Node 版本: v14.18.2
• Yarn 版本: 1.22.19

报错信息

Uncaught ReferenceError: React is not defined
    at Object.bc2f415eff8759b90940 (popup.js:17:6297)
    at i (popup.js:30:4550)
    at popup.js:30:6176
    at i.O (popup.js:30:4820)
    at popup.js:30:6208
    at popup.js:30:6214

复现步骤

下载项目并build插件

git clone --depth=1 --branch master git@github.com:tjx666/awesome-chrome-extension-boilerplate.git

cd awesome-chrome-extension-boilerplate

yarn install

yarn build

安装插件

• 1.Chrome 浏览器允许「开发者模式」
• 2.「加载已解压的扩展程序」选择 extension 目录

使用插件复现错误

• 1.安装插件后无法查看 popup 页面
• 2.在 popup 中 「右键」选择 「审查弹出内容」的 Console 中可以看到 报错信息