Chrome.notifications.create无法生效且无lastError抛出问题求助

针对你遇到的通知不显示、chrome.runtime.lastError无报错的情况，结合你的配置和代码，我整理了几个排查方向和解决方案：

1. 验证图标路径与尺寸规范 #

虽然你提到图标文件存在，但这是通知不显示的常见诱因：

• 路径检查：如果options.js位于子目录（如/js/options.js），那么iconUrl需要使用相对根目录的路径，比如../icon.png，而非直接写icon.png。
• 尺寸要求：Chrome通知对图标尺寸有严格要求，至少需要提供48x48像素的版本，建议同时准备16x16、48x48、128x128三种尺寸的图标，并在manifest.json中配置：

  "icons": {
    "16": "icon16.png",
    "48": "icon48.png",
    "128": "icon128.png"
  }
  

  通知的iconUrl对应使用icon48.png即可。

2. 修正web_accessible_resources配置（针对Manifest V3） #

如果你的扩展使用Manifest V3，当前的资源配置过于简略，需要补充匹配规则才能让通知正常访问图标：

"web_accessible_resources": [{
  "resources": ["icon.png"],
  "matches": ["<all_urls>"]
}]

Manifest V2的配置是没问题的，但仍需确认资源路径是否与实际文件位置一致。

3. 检查系统与Chrome的通知权限 #

即使扩展声明了notifications权限，系统或Chrome层面的限制也会导致通知无法显示：

• 打开Chrome设置 → 隐私和安全 → 网站设置 → 通知，确认：
  • Chrome本身被允许发送通知；
  • 你的扩展在「允许发送通知」的列表中。

4. 简化代码排查上下文问题 #

先剥离chrome.storage.sync.set的回调，直接测试通知创建逻辑，排除存储操作的干扰：

resetButton.addEventListener("click", function() {
  const testOpt = {
    type: "basic",
    title: "测试通知",
    message: "这是一条测试通知",
    iconUrl: "icon.png" // 确保路径正确
  };
  chrome.notifications.create('test-notif', testOpt, function() {
    console.log("创建通知结果，错误信息：", chrome.runtime.lastError);
  });
}, false);

如果测试通知能正常显示，再逐步加回存储逻辑排查问题。

5. 确认API可用性 #

在调用chrome.notifications.create前，先打印chrome.notifications对象，确认API在当前上下文（options页面）中是可用的：

console.log("Notifications API是否可用：", !!chrome.notifications);

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