Tailwind'in Javascript kodları çalıştırılamıyor

Öncelikle, esenlikler dilerim. Sitemi hazırlarken daha az kodla daha güzel görünüm oluşturabilmek adına Tailwind teknolojisini kullanmaya karar verdim. Kurulum adımlarını bire bir uyguladım, hiçbir hata da almadım. Buna karşın yazılımın CSS tarafı başarıyla neticelense de, JS içeriği hiçbir şekilde sonuç vermiyor. Dosyalar ağacı:
│ index.js
│ package-lock.json
│ package.json
│ tailwind.config.js

├───assets
│ style.css
│ stylesheet.css

├───config
│ express.js
│ passport.js

├───models
│ user.js

└───views
home.ejs
│ index.js
│ package-lock.json
│ package.json
│ tailwind.config.js

├───assets
│ style.css
│ stylesheet.css

├───config
│ express.js
│ passport.js

├───models
│ user.js

└───views
home.ejs
Terminale girilen kurulum komutu:
npx tailwindcss -i ./assets/style.css -o ./assets/stylesheet.css --watch
npx tailwindcss -i ./assets/style.css -o ./assets/stylesheet.css --watch
tailwind.config.js dosyası:
module.exports = {
content: ['./views/*.ejs', './assets/*.{html,css,js}'],
theme: {
extend: {
colors: {
red: '#ff0000'
}
},
},
plugins: [],
}
module.exports = {
content: ['./views/*.ejs', './assets/*.{html,css,js}'],
theme: {
extend: {
colors: {
red: '#ff0000'
}
},
},
plugins: [],
}
📚 Kaynaklar: ▪️https://tailwindcss.com/docs/installationhttps://tailwindui.com/components/application-ui/navigation/navbars 📝 Dipnotlar: ▪️Eklenilen görüntüler, bilgisayar görünümünde gerekli :js: JavaScript kodlarının çalışmaması sonucu yaranmış olup, orijinalinde (bkz. kaynak #2) gizli olan dropdown menüsünün hiçbir eylem gerçekleştirilmeden açık gözükmesinin; mobil aygıt görünümünde ise aslında gözükmemesi olan yolbul menüsünün kapanmamasını gösterir.
Installation: Tailwind CLI - Tailwind CSS
Documentation for the Tailwind CSS framework.
Navbars - Official Tailwind CSS UI Components
Responsive navbar examples for Tailwind CSS, designed and built by the creators of the framework.
No description
No description
24 Replies
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
Teşekkürler! ❤️‍🔥
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
İkinci kaynak adresinde en üstteki kodu aldım deneme ve düzenleme yapmak için.
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
Genel olarak Javascript kodları çalışmıyor. Dropdown da :js:’e bağlı olduğu için profil fotoğrafına tıklayana dek görünmez olması, ondan sonra açılması gerekirken varsayılan olarak açılıyor. Yalnızca dropdown da değil; mobil aygıtlardaki navbarın da yalnızca en üst — hamburger imgesinin, imleğin (logo) ve en sağdaki iki düğme olan ilk satırı gözükmesi gerekirken tüm navbar açılıyor.
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
Sorun navigasyon değil, zaten ileride kendime göre düzenleyeceğim. Sorunum, genel olarak Tailwindin kodlarının yanlış çalışması. Sanırım, hayır, öyle bir detaya rastlamamıştım.
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
A, anladım. Çok teşekkür ederim!
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
Evet, TailwindLABS tarafından geliştirildiği ibaresi belirtilmiş.
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
HeadlessUIın yalnızca React ve Vue için kurulumu var sanırım. Componentte ise Requires JS dipnotu bulunuyor. İkisi arasında bir bağlantısızlık yokmuş gibi durmuyo' mu?
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
Peki ya ben düz HTMLde o componenti kullanamaz mıyım?
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
Aslında, JSini kendim yazarsam olabilir belki.
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
Pekâlâ.
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
Bilgisayarım biraz hantal olduğundan biraz süre alabilir. Sonucu alınca buraya yazarım.
Unknown User
Unknown User3y ago
Message Not Public
Sign In & Join Server To View
аянами рэй
Pekâlâ. Bilgisayarda şu an çok şey açık olduğundan pek yerinde değil, en iyisi yarın bakmak. Öncelikle, esenlikler tekrardan. Anladığım kadarıyla, Tailwindin zaten kendi JavaScripti yokmuş. Bu yüzden kodda (bkz. kaynak #2) dâhil edilen açıklamalara göre bizim kendimizin bir JavaScript yazması gerekiyo'muş, bunu yapabileceğim kadar profesyonel olduğumu düşünüyorum. Yardımlarınız için kamunuza teşekkür ederim!

Did you find this page helpful?