情绪样式的组件无法在WebStorm中自动完成

Question

我在WebStorm中使用@emotion/styled，并且样式对象内没有自动完成的Intellisense（或WebStorm中所谓的任何名称）。 Typescript确实在某种程度上进行检查：

const StepTimer = styled.button({
  borderRadius: 50,
  height: '30px',
  blorg: 3, // does not give a TS error for unknown key
  display: 1 // gives a TS error for incorrect value type
})

同一台计算机上的VSCode可以在对象内部实现自动完成，尽管不能提供值（例如，我没有获得display的值的选项，例如block, inline,等）

我在某些设置上有误吗？我在Mac上。

Answer 1

检查您的项目是否使用ReactJSX作为其JS版本。

打开Webstorm首选项，然后转到Languages & Frameworks > Javascript，必须有Java语言版本配置。从下拉列表中选择React JSX。

提醒一下， cmd + 是访问“首选项”对话框的键盘快捷键。