React index.js hatası

ErrorCorrection · 14 Temmuz 2023

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.

@Administraktör

@kaan.w

kaan.w · 14 Temmuz 2023

npm create vite@latest
Bu komutla tek satırda react projesi oluşturabilirsin. Baştan react kurmaya çalışma şimdilik.

Administraktör · 14 Temmuz 2023

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.

ErrorCorrection · 14 Temmuz 2023

kaan.w dedi:
npm create vite@latest
Bu komutla tek satırda React projesi oluşturabilirsin. Baştan React kurmaya çalışma şimdilik.

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”).

kaan.w · 14 Temmuz 2023

ErrorCorrection dedi:
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”).

Hangi aşamada aldınız bu hatayı?

ErrorCorrection · 14 Temmuz 2023

kaan.w dedi:
Hangi aşamada aldınız bu hatayı?

Kurdum. Sonra birkaç JS dosyasını sildim. Son hali böyle.

Sonra index HTML'i çalıştırınca konsolda bu hatayı aldım.

Administraktör · 14 Temmuz 2023

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.

html'yi çalıştırmayacaksınız. 'npm run dev' komutunu terminalde çalıştıracaksınız.

ErrorCorrection · 14 Temmuz 2023

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.

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

Administraktör · 14 Temmuz 2023

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

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.

ErrorCorrection · 14 Temmuz 2023

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.

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

React index.js hatası

ErrorCorrection

Hectopat

@Administraktör

kaan.w

Megapat

Administraktör

Megapat

ErrorCorrection

Hectopat

kaan.w

Megapat

ErrorCorrection

Hectopat

Administraktör

Megapat

ErrorCorrection

Hectopat

Administraktör

Megapat

ErrorCorrection

Hectopat

React index.js hatası

Hectopat

@Administraktör​

Megapat

Megapat

Hectopat

Megapat

Hectopat

Megapat

Hectopat

Megapat

Hectopat

@Administraktör