GOOGLE ADS

Dienstag, 12. April 2022

Das NPM-Paket kann nicht als JSX-Komponente verwendet werden – Typfehler

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

Warum werden SCHED_FIFO-Threads derselben physischen CPU zugewiesen, obwohl CPUs im Leerlauf verfügbar sind?

Lösung des Problems Wenn ich das richtig verstehe, versuchen Sie, SCHED_FIFO mit aktiviertem Hyperthreading ("HT") zu verwenden, ...