在TypeScript上新的CSSStyleSheet（）接收JavaScript运行时错误：对象不支持此操作

Question

我正在开发一个TypeScript项目。在此行的运行时，我收到以下错误：

{
   banana: {color: 'yellow', weight: '0.1'},
   apple: {color: 'red', weight: '0.5'},
}

  

JavaScript运行时错误：对象不支持此操作

任何人都可以建议我做错了吗？

Answer 1

来自MDN：

  

当为文档加载样式表时，浏览器会自动创建CSSStyleSheet对象并将其插入到文档的styleSheets列表中。由于无法直接修改document.styleSheets列表，因此无法手动创建新的CSSStyleSheet对象。 ...要创建新样式表，请在文档中插入<style>或<link>元素。

基本上，不可能使用普通的构造函数创建CSSStyleSheet对象。您只能使用HTML将其委托给浏览器并从中获取结果。