Chrome扩展（Manifest V3）弹窗报错：无法读取undefined的action属性

错误的核心是globalData变量未初始化或未正确传递，导致读取其action属性时抛出类型错误。你尝试的if (globalData && globalData.action === 'summarize' || globalData.action === 'comment')无效，是因为逻辑运算符优先级问题：&&优先级高于||，代码会被解析为(globalData && globalData.action === 'summarize') || globalData.action === 'comment'，后半部分依然会直接访问未定义的globalData.action。

1. 修正条件判断逻辑 #

将条件改为先确认globalData存在，再统一检查action值，用括号明确逻辑范围：

if (globalData && (globalData.action === 'summarize' || globalData.action === 'comment')) {
    // 执行你的摘要/评论逻辑
}

或者用可选链运算符简化判断，避免嵌套：

if (globalData?.action === 'summarize' || globalData?.action === 'comment') {
    // 执行你的摘要/评论逻辑
}

2. 排查globalData的来源与初始化 #

既然弹窗中用到该变量，需确保它被正确赋值：

• 如果globalData是从内容脚本或后台脚本传递的数据：
  • 在Manifest V3中，弹窗与内容脚本通信需使用chrome.tabs.sendMessage，与后台通信用chrome.runtime.sendMessage，确保接收方正确返回数据。示例（popup.js中获取内容脚本数据）：

    document.addEventListener('DOMContentLoaded', async () => {
        const [activeTab] = await chrome.tabs.query({active: true, currentWindow: true});
        chrome.tabs.sendMessage(activeTab.id, {type: 'requestGlobalData'}, (response) => {
            globalData = response?.globalData || {};
            // 这里再执行依赖globalData的逻辑
        });
    });
    

• 如果globalData是弹窗自身变量，需在访问前初始化默认值：

  let globalData = {}; // 默认初始化空对象
  // 后续赋值逻辑...
  

3. 适配Manifest V3的规则 #

• 确保manifest.json中声明必要权限：

  "permissions": ["activeTab", "scripting"]
  

• 内容脚本注入需使用chrome.scripting.executeScript，替代旧版的chrome.tabs.executeScript。

在使用globalData前打印其值，确认是否被正确初始化：

console.log('当前globalData:', globalData);

内容的提问来源于stack exchange，提问作者Reenu