Emmet、Visual Code、JSX 和 CSS 不能一起工作

Question

所以由于某种原因，只有部分 Emmet 在我的 ReactJS 文件中工作。 我目前正在努力将 CSS 添加到其中一些文件中，但我似乎无法使其正常工作。

当我输入 m-10 时，通常应该转换为边距：10px，它实际上转换为： <m-10></m-10>

有没有人遇到过类似的问题？ 也许我的一些设置是错误的，或者可能与我使用样式化组件及其背景有关。

如果有人知道解决方案，或者知道我做错了什么，请告诉我。

我已经添加了：“emmet.includeLanguages”：{“javascript”：“javascriptreact”，}，

并且大多数其他缩写都没有问题，实际上只有 CSS 特定的快捷方式不起作用。

更新：所以我设法“有点”让它工作，但仍然存在一些错误。 我在 Emmet "emmet.includeLanguages" 设置中添加了 "typescript": "typescriptreact"。 现在我实际上可以 select 正确的片段，但我必须手动激活 Emmet（ctrl + 空格），这是第二个选项，而不是第一个。 除此之外，当我执行 select 正确的片段时，它会像这样完成它： m-margin: -10px; 所以这并没有真正的帮助。