React index.js hatası

ErrorCorrection

ErrorCorrection

Hectopat
Katılım
11 Ağustos 2022
Mesajlar
2.549
Çözümler
4
Daha fazla  
Cinsiyet
Erkek
npm init -y npm install react react-dom
Komutlarını çalıştırdıktan sonra ana dizine index.html ve src içine ise index.js dosyalarını oluşturdum.

Ama anlamadığm şekilde
Uncaught SyntaxError: import declarations may only appear at top level of a module
hatası aldım. Neyi nereye koymam lazım? Neyin top level üstüne koymam lazım anlamadım. Yardımcı olursanız çok sevinirim.

1689352521184.png

@Administraktör​

@kaan.w
 
Son düzenleme:
CRA yada vite kullanarak @kaan.w 'ın dediği gibi react projesi oluşturabilirsin. Eğer hatanın ne ile ilgili olduğunu merak ediyorsan, import her zaman bir dosyanın en üstünde olmalı. Import'un üstünde herhangi bir şey kullanamazsın.
 
kaan.w dedi:
npm create vite@latest
Bu komutla tek satırda React projesi oluşturabilirsin. Baştan React kurmaya çalışma şimdilik.
Genişletmek için tıkla...

Hocam kurdum. Yeniden hata verdi.

Loading module from “[URL]http://127.0.0.1:5500/src/main.jsx[/URL]” was blocked because of a disallowed MIME type (“text/html”).
 
Son düzenleme:
main.jsx'in fotoğrafını atın.

ErrorCorrection dedi:
Kurdum. Sonra birkaç JS dosyasını sildim. Son hali böyle.
Eki Görüntüle 1862095

Sonra index HTML'i çalıştırınca konsolda bu hatayı aldım.
Genişletmek için tıkla...
html'yi çalıştırmayacaksınız. 'npm run dev' komutunu terminalde çalıştıracaksınız.
 
Administraktör dedi:
main.jsx'in fotoğrafını atın.


html'yi çalıştırmayacaksınız. 'npm run dev' komutunu terminalde çalıştıracaksınız.
Genişletmek için tıkla...
1689355815254.png


Ayrıca bir dosyayı birde y adlı dizinde denedim npm run dev komutunu

Kod: 
my_React_Project$ npm run dev
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /home/-----/Documents/hasanCodes/my_React_Project/package.json
npm ERR! errno -2
npm ERR! enoent Could not read package.json: Error: ENOENT: no such file or directory, open '/home/----/Documents/hasanCodes/my_React_Project/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in: /home/-----/.npm/_logs/2023-07-14T17_30_58_256Z-debug-0.log


Kod: 
my_React_Project/y$ npm run dev

> y@0.0.0 dev
> vite

sh: 1: vite: not found
 
ErrorCorrection dedi:
Eki Görüntüle 1862100

Ayrıca bir dosyayı birde y adlı dizinde denedim npm run dev komutunu

Kod: 
my_React_Project$ npm run dev
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /home/-----/Documents/hasanCodes/my_React_Project/package.json
npm ERR! errno -2
npm ERR! enoent Could not read package.json: Error: ENOENT: no such file or directory, open '/home/----/Documents/hasanCodes/my_React_Project/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in: /home/-----/.npm/_logs/2023-07-14T17_30_58_256Z-debug-0.log


Kod: 
my_React_Project/y$ npm run dev

> y@0.0.0 dev
> vite

sh: 1: vite: not found
Genişletmek için tıkla...
Kod: 
import React from 'react'
import ReactDOM from 'react-dom/client'
import './index.css'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <h1>Message from main</h1>
  </React.StrictMode>,
)

React ile ilgili kurs izlemelisiniz. Main.jsx'i bu şekilde düzenleyin. Bunu yeni bir klasörde npm create vite@latest komutunu tekrar çalıştırarak yapın(yeni proje oluşturun).

Düzenlemeniz bittiğinde npm run dev komutunu tekrar çalıştırın.
 
Administraktör dedi:
Kod: 
import React from 'react'
import ReactDOM from 'react-dom/client'
import './index.css'

ReactDOM.createRoot(document.getElementById('root')).render(
 <React.StrictMode>
 <h1>Message from main</h1>
 </React.StrictMode>,
)

React ile ilgili kurs izlemelisiniz. Main. Jsx'i bu şekilde düzenleyin. Bunu yeni bir klasörde NPM create vite@latest komutunu tekrar çalıştırarak yapın(yeni proje oluşturun).

Düzenlemeniz bittiğinde NPM run dev komutunu tekrar çalıştırın.
Genişletmek için tıkla...

Hocam anamadığım bir keilde yeniden error verdi. Cidden sinirimi bozdu ya :/
 

Benzer konular

Kerem00X
  • Çözüldü
Çözüldü  React "missing script: start" hatası
Mesaj
2
Görüntüleme
741
Kerem00X
Kerem00X
mrsiskandinav
React Rooter-Dom Build Page Hatası
Mesaj
0
Görüntüleme
119
mrsiskandinav
mrsiskandinav
Jarvis0
  • Soru
Reactjs mapping hatası
Mesaj
3
Görüntüleme
869
Jarvis0
Jarvis0
AlfasCodeMaster
React, Props "Cannot read property "props" undefined" hatası
Mesaj
0
Görüntüleme
1.065
AlfasCodeMaster
AlfasCodeMaster
21ebu
Çözüldü  React - Uncaught runtime hatası
Mesaj
0
Görüntüleme
660
21ebu
21ebu

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı