Çözüm React için ./ kısmını kaldırma

Bu konu bir çözümü açıklamaktadır. Herhangi bir çözüm açıklanmadığını düşünüyorsanız konuyu rapor edebilirsiniz.

xDarkLyne

Hectopat
Katılım
27 Temmuz 2020
Mesajlar
2.792
Makaleler
14
Çözümler
38
Daha fazla  
Cinsiyet
Erkek
Meslek
Yazılım, Güvenlik
Merhaba, React kodlarında import ederken ./ kısmı çıkıyor bunu kaldırmayı göstereceğim.

Öncelikle React uygulaması oluşturmamız gerekiyor. Bunun için vereceğim kodları girmemiz gerekecek. npx create-react-app . komutunu giriyoruz.

1637338808729.png


Kurulum bittikten sonra npm start veya yarn start diyoruz. npm start komutu çalışmazsa komut istemini açıp npm install -g yarn komutunu giriyoruz. Sonrasında projeye giriyoruz proje konsolunu açıyoruz. yarn start kodunu giriyoruz. Bu sayede localhost:3000 adlı site açılacak.

React kodlarında import ederken ./ kısmını kaldırma:
React kodlarında:

JavaScript:
import Deneme from './Deneme'

Komutu yerine:

JavaScript:
import Deneme from 'Deneme'

Bu şekilde değiştirmek için:

1637339564676.png


jsconfig.json Typescript kullanıyorsanız tsconfig.json dosyası oluşturup bu kodları girmeniz yeterlidir.

JavaScript:
{
 "compilerOptions": {
 "baseUrl": "src"
 },
 "include": ["src"]
}
}
 

Dosya Ekleri

  • 1637339585464.png
    1637339585464.png
    85,1 KB · Görüntüleme: 47

Geri
Yukarı