小编Xeo*_*ion的帖子

我正在尝试为我的 React 项目实现一个小型上下文存储。我从以前的（工作）项目中复制了大部分代码并更改了变量名称 - 最大的区别是我更改为 Vite+SWC。

这是代码。

import { createContext, useState } from "react";\nimport { GameContextProviderProps } from "./PropTypes";\n\nexport interface IGameContext {\n  completedWinds: number;\n  setCompletedWinds: (newCompletedWinds: number) => void;\n};\n\nconst GameContext = createContext<IGameContext>({\n  completedWinds: 0,\n  setCompletedWinds: () => { }\n});\n\nconst GameContextProvider = ({ children }: GameContextProviderProps) => {\n  const [completedWinds, setCompletedWinds] = useState(0);\n\n  const initialContext: IGameContext = {\n    completedWinds,\n    setCompletedWinds,\n  };\n\n  return <GameContext.Provider value={ initialContext }> {children} < /GameContext.Provider>\n};\n\nexport default GameContextProvider;\n

这是我的 vite 配置

import { defineConfig …