按 F12 时无法从 JSX 跳转到 vscode 上的 Material UI 制作的 CSS 样式

Question

我使用 Material UI 为我的 React 应用程序制作了所有 CSS 样式。

在 VSCode 编辑器中按F12或command+ 左键单击时，我无法跳转到 CSS。

我希望跳转到outer样式对象的属性。

样式代码在这里：

import {
  createStyles,
  createTheme,
  makeStyles,
  Theme,
} from "@material-ui/core";
import { CreateCSSProperties } from "@material-ui/core/styles/withStyles";

const theme = createTheme();

export const outer: CreateCSSProperties<{}> = {
  width: "100%",
  height: "100%",
  display: "flex",
  flexDirection: "row",
};

export const topStyles = makeStyles((theme: Theme) =>
  createStyles({
    outer: outer,
  })
);

通常，VSCode 应该在按F12或command+ 左键单击时跳转原始代码。

我怎样才能启用这种行为？

Answer 1

我相信这个问题来自于你如何定义外部，因为它可能是 vscode 的一些限制（在下面的链接中提到）。

您可能必须在文档中创建 typedef。

详细请看这篇文章：vscode 不跳转到定义