Ich habe gerade angefangen, React zu lernen. Ich habe die Schritte aus dem Leitfaden ?Erste Schritte“ unter https://react.dev/learn/add-react-to-an-existing-project befolgt, erhalte jedoch weiterhin die Fehlermeldung: Die Importanweisung kann nicht au?erhalb eines Moduls verwendet werden.
Was ich getan habe war:
Führen Sie zun?chst im Terminal aus:
npm init -y npm install React React-dom
Dann habe ich eine index.js-Datei erstellt und den in der Anleitung bereitgestellten Code kopiert: `importiere {createRoot} aus 'react-dom/client';
// Vorhandenen HTML-Inhalt l?schen document.body.innerHTML = '';
// Rendern Sie Ihre React-Komponente const root = createRoot(document.getElementById('app')); root.render(
Aber es hat nicht funktioniert.
Fast alle L?sungen im Internet fordern mich auf, "type": "module
in die package.json-Datei einzufügen.
Ich habe es hinzugefügt, aber der Fehler bleibt bestehen.
So habe ich es hinzugefügt:
{ "name": "project", "devDependency": { "vite": "latest" }, "scripts": { "type": "module", "start": "vite", "dev": "vite", "build": "vite build", "preview": "vite 預(yù)覽" }, "type": "module", "description": "快速啟動(dòng):", "version": "1.0.0" , "main": "index.js", "author": "", "license": "ISC", "dependency": { "react": "^18.2.0", "react-dom": "^ 18.2.0" }, "關(guān)鍵字": [] }
innerhalb des Skript-Tags funktioniert ebenfalls nicht:
"type": "module
Tats?chlich stürzte React nach dem Hinzufügen vollst?ndig ab, da angezeigt wurde, dass das Symbol ?<“ nicht erkannt wurde...
Ich bin v?llig verloren. Kann jemand helfen?
您需要在頂層對(duì)象中添加"type": "module",而不是在"scripts"對(duì)象中添加。
"scripts"對(duì)象中的內(nèi)容可以通過npm run <x>
來訪問,其中<x>
是"scripts"對(duì)象中的鍵。
{ "name": "project", "type": "module", "devDependencies": { "vite": "latest" }, "scripts": { "start": "vite", "dev": "vite", "build": "vite build", "preview": "vite preview" }, "type": "module", "description": "Quick start:", "version": "1.0.0", "main": "index.js", "author": "", "license": "ISC", "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0" }, "keywords": [] }