javascript - TypeScript 无法编译 - 发现错误附加的项目

Question

我在使用 React 和 TypeScript 时遇到问题，其中组件加载了片刻，然后立即失败并出现错误:

[internal] TypeScript error in [internal] (undefined,undefined): badly attached item found. TSINTERNAL_ERROR

受影响的代码:

应用程序.tsx:

import React, {useState, useMemo} from "react";

import MainMenu from "./MainMenu";
import Lobby from "./Lobby";

interface appComponentsInterface {
    [key: string]: React.FC
}

const APP_COMPONENTS: appComponentsInterface = {
    "MainMenu": MainMenu,
    "Lobby": Lobby
}

export default () => {
    const [appState, setAppState] = useState("MainMenu");
    const AppComponent = useMemo(() => APP_COMPONENTS[appState], [appState]);

    return (
        <AppComponent />
    )
}

MainMenu.tsx:

import React from "react";

const MainMenu : React.FC = () => {
    return (
        <div> MainMenu </div>
    )
}

export default MainMenu;

任何建议将不胜感激 - 错误本身并没有太大帮助。

Answer 1

我遇到了同样的问题。
您可能安装了 nom 模块并且没有重新启动开发服务器。
安装任何软件包后，尝试重新启动服务器(npm/yarn start)