content.js：1(匿名函数) - 未捕获的类型错误：无法读取 null 的属性(读取"样式")

Question

我正在尝试制作一个chrome扩展，它可以屏蔽youtube主页上除了搜索栏之外的所有内容。

当我在Youtube上点击chrome扩展的图标后，我在我的谷歌chrome扩展管理器中收到了标题中提到的错误。

我的index.js代码如下：

document.getElementById("primary").style.display = "none";
document.getElementById("contents").style.display = "none";
document.getElementById("guide").style.display = "none";

你知道我怎么才能从弹出的错误信息中得到什么吗？

在此处输入图像描述

非常感谢您的任何意见！

Answer 1

此示例注入CSS以隐藏元素。

manifest.json

{
"name": "hoge",
"version": "1.0",
"manifest_version": 3,
"content_scripts": [
{
"matches": [
"<all_urls>"
],
"css": [
"matches.css"
]
}
]
}

matches.css

#primary,
#contents,
#guide {
display: none;
}