Javascript 未捕获的DomeException:未能执行'；添加规则'；在'；CSSStyleSheet'；：无法访问insertRule的样式表_Javascript_Html_Css

Javascript 未捕获的DomeException:未能执行'；添加规则'；在'；CSSStyleSheet'；：无法访问insertRule的样式表

javascript html css

Javascript 未捕获的DomeException:未能执行'；添加规则'；在'；CSSStyleSheet'；：无法访问insertRule的样式表,javascript,html,css,Javascript,Html,Css,我在处理项目时遇到以下错误：“未捕获的DomeException:未能对“CSSStyleSheet”执行“addRule”：无法访问insertRule的样式表” 有人能帮我修复代码吗，因为我不知道为什么会出现这个错误我的HTML文档的标题： <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

我在处理项目时遇到以下错误：“未捕获的DomeException:未能对“CSSStyleSheet”执行“addRule”：无法访问insertRule的样式表”

有人能帮我修复代码吗，因为我不知道为什么会出现这个错误

我的HTML文档的标题：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Plunder Data Research and Analysis</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
</head>

样式表常量：

const styleSheet = document.styleSheets[0];

我在堆栈溢出上发现了类似的问题，但是您可以看到，我的样式表已经按照所说的那样与我尝试首先访问的样式表一起订购。

确保服务器上存在

样式.css

。如果没有，可能会导致无法访问

最坏的情况是，您可以创建并插入另一个样式表

const styleSheet = document.createElement('style');
document.head.appendChild(styleSheet);
styleSheet.textContent = ".new-plunder-form-username:focus {border: 1.5px solid #75b4d9; box-shadow: 0 0 5px #75b4d9;}";

css在我的项目文件夹中，我没有运行服务器，所以它应该可以工作。谢谢你的主意！如果我没有得到另一个有效的答案，我可能会这样做。通过查看样式表的属性，确保

样式表

指向正确的样式表。你可能会发现它指向了googleapis.com上的一个。@HereticMonkey你的意思是

document.styleSheets

可能不符合CSS在标记中声明的顺序吗？@HereticMonkey我刚刚将样式表记录到控制台并检查了它的属性，而且它是正确的样式表。我的意思是，

document.styleSheets[0]

没有引用您认为它应该引用的内容有几个原因。最好只是调试一下。此外，如果HTML与此处显示的内容不完全相同，请告知我们。您显示的错误通常仅在从其他来源加载样式表时抛出。这正是我的HTML的整个头部的外观。如果你想要更多的HTML，我可以添加它。

const styleSheet = document.createElement('style');
document.head.appendChild(styleSheet);
styleSheet.textContent = ".new-plunder-form-username:focus {border: 1.5px solid #75b4d9; box-shadow: 0 0 5px #75b4d9;}";