Question

此代码有效，但VSCode返回错误。

ReactDOM.render(
	 <span  style={{"--backlight-color": "red"}} /* change color of span */ >text</span>,
	document.getElementById('root')
);

:root {
  --backlight-color: silver; /* default color of span*/
}

span {
  background-color: var(--backlight-color);
}

<div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.min.js"></script>

此错误在<span style={{"--backlight-color": "red"}} >text</span>,行：

属性“样式”的类型不兼容。输入'{ “--backlight-color”：any; }'不能分配给类型 'CSSProperties'。对象文字只能指定已知属性，和'“ - backlight-color”'在'CSSProperties'类型中不存在。

VSCode是否支持CSS变量？你还应该怎么做呢？

我不希望它在VScode中显示此错误。

这是关于这个bug： https://github.com/facebook/react/issues/6411

Answer 1

您必须设置

root {
  background-color:silver;
}

<强>不是

root {
  --backlight-color: silver;
}

VSCode是否支持CSS变量？错误

1 个答案: