javascript - TypeScript kunde inte kompileras - Felaktigt bifogat objekt hittades

Jag har ett problem med React & TypeScript där en komponent laddas en kort sekund, för att sedan omedelbart misslyckas med felet:

[intern] TypeScript-fel i [intern] (undefined, undefined): dåligt bifogat objekt hittat. TSINTERNAL_ERROR

Den påverkade koden:

App.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;

All rådgivning skulle uppskattas - Felet i sig är inte särskilt hjälpsamt.

Svar #1

Jag har stött på samma problem.
Du har förmodligen installerat nom-moduler och startade inte om utvecklingsservern.

Efter att ha installerat några paket, försök att starta om servern (npm/yarn start)

Relaterade artiklar