Ich habe diese seltsamen Typfehler in meinem Typoskript-Projekt für bestimmte Pakete erhalten. Ex:
'TimeAgo' cannot be used as a JSX component.
Its instance type 'ReactTimeago<keyof IntrinsicElements | ComponentType<{}>>' is not a valid JSX element.
The types returned by 'render()' are incompatible between these types.
Type 'React.ReactNode' is not assignable to type 'import("/home/user/app/node_modules/@types/react-bootstrap-table-next/node_modules/@types/react/index").ReactNode'.
Type '{}' is not assignable to type 'ReactNode'.
Ich erhalte diese Typfehler nicht auf meiner lokalen Windows-Maschine, aber sie treten weiterhin in meiner virtuellen Linux-Maschine auf. Ich habe das Projekt viele Male gelöscht, mein Repo geklont und Pakete erneut in verschiedenen Knotenversionen installiert, und ich erhalte immer noch die gleichen Typfehler.
Überprüfte Knoten 12.18.3, 16.13.1
Hier sind einige schnelle Paket-JSON-Informationen:
"react-timeago": "^6.2.1",
"react-custom-scrollbars": "^4.2.1",
"react-custom-scrollbars-2": "^4.4.0",
"react": "^17.0.2",
"next": "^12.1.1",
"@types/react-custom-scrollbars": "^4.0.10",
"@types/react-timeago": "^4.1.3",
"@types/react": "^17.0.44",
"typescript": "^4.3.5"
"@types/node": "^14.18.12",
Dies geschieht bei grundlegenden benutzerdefinierten Komponenten:
MyTst.tsx
import TimeAgo from "react-timeago";
const Mytst = () => {
return (
<div>
<TimeAgo date={"02/02/2022"} />
</div>
);
};
export default Mytst;
Ich bekomme diesen Fehler auch für React-Custom-Scrollbars-2. Es scheint ein Problem mit dem korrekten Abgleich der Typen zwischen der Bibliothek, die die Komponente enthält, und den damit verknüpften @types-Dateien zu geben. Hat jemand eine Idee, wie man diese Typfehler beheben kann?
Lösung des Problems
Ich weiß heute ausgestellt
rm -rf node_modules
rm -rf yarn.lock
npm install
habe gerade npm install sovled problem verwendet, aber ich weiß nicht, was passiert ist
Keine Kommentare:
Kommentar veröffentlichen