JavaScript Vite Build çalışmıyor

Baklava Ordusu

Decapat
Katılım
21 Haziran 2022
Mesajlar
640
Çözümler
2
Yer
Türkmenistan
Daha fazla  
Cinsiyet
Erkek
VueJS kullanıyorum. Pnpm run Build yapıyorum dist klasörü geliyor. Sonra pnpm run Preview yapıyorum ama pencere boş. CSS çalışıyor ama JS yüklenmesine rağmen devreye girmiyor. İki tane hata alıyorum (Firefox):

1717921995277.png


Render, Netlify gibi yerlere deploy etmeyi denedim yine aynı hata.
 
Veri çıktınızı dizeye dönüştürmeniz gerekir, örn,
var yourDataStr = JSON.stringify(data)
ile verilerinizi doğrulayın ve ardından
JSON.parse(DataStr)
Sonra sonucunuzu alabilirsiniz. Doğrulamak için verilerinizi aşağıdaki fonksiyona aktarabilirsiniz :-
function validateJSON(str) {
try {
JSON.parse(str);
} catch (e) {
return false;
}
return true;
}
 
Veri çıktınızı dizeye dönüştürmeniz gerekir, örn,
var yourDataStr = JSON.stringify(data)
ile verilerinizi doğrulayın ve ardından
JSON.parse(DataStr)
Sonra sonucunuzu alabilirsiniz. Doğrulamak için verilerinizi aşağıdaki fonksiyona aktarabilirsiniz :-
function validateJSON(str) {
try {
JSON.parse(str);
} catch (e) {
return false;
}
return true;
}
bunları hangi dosyaya atarız?
 
İki tane hata alıyorum (Firefox):

1717921995277.png

Ekran görüntüsünde gözüken renderer.js ve installHook.js dosyaları büyük ihtimalle React Developer Tools eklentisinin dosyaları. Dosya isimlerini bir araştırayım dedim de böyle olduğunu gördüm. Ben de kullanıyorum eklentiyi, kontrol ettim ve gerçekten öyle dosyalar var:

1718631338843.png

Alakasız bir hata gibi yani ama illa vardır bir nedeni. Ne var ki ben boş Vite template'ini build edip preview yapınca böyle uyarılar görmüyorum konsolda.

Bu noktada projenizdeki tüm dosyaları paylaşmanız çok faydalı olacaktır. Yorum yapması zor geldi.
 
Ekran görüntüsünde gözüken renderer.js ve installHook.js dosyaları büyük ihtimalle React Developer Tools eklentisinin dosyaları. Dosya isimlerini bir araştırayım dedim de böyle olduğunu gördüm. Ben de kullanıyorum eklentiyi, kontrol ettim ve gerçekten öyle dosyalar var:


Alakasız bir hata gibi yani ama illa vardır bir nedeni. Ne var ki ben boş Vite template'ini build edip preview yapınca böyle uyarılar görmüyorum konsolda.

Bu noktada projenizdeki tüm dosyaları paylaşmanız çok faydalı olacaktır. Yorum yapması zor
Vite config dosyasında şunu yazmıştım:
Kod:
base: '8Puzzle'
Bu da build edildikten sonra gelen index.html dosyasındaki source'larda hata verdiriyormuş. O kısmı ayırdım ve preview da çalişdı.

Ve evet, react tool kullanıyordum.
 
Vite config dosyasında şunu yazmıştım:
Kod:
base: '8Puzzle'
Bu da build edildikten sonra gelen index.html dosyasındaki source'larda hata verdiriyormuş. O kısmı ayırdım ve preview da çalıştı.

Anladım, sevindim. : ) O kısımdan da ufak şüphelenmiştim çünkü ekran görüntüsünde görülüyordu.

Ne var ki bunun neden sorun yarattığını anlayamadım. Ben de o ayarı araştırdım ve denedim, başına / koyulması gerekiyormuş yani /8Puzzle şeklinde ama ben slash koymadan deneyince de çalıştı. Bunu deneme şansınız var mı?
 

Technopat Haberler

Geri
Yukarı