Mezbaul Abedin Persian

   ফায়ারবেইজে আমদের React Application হোস্ট করলে আমরা  বেশিরভাগ সময় এই এরর দেখে থাকি    😑 সমস্যার কারণঃ   🤔 ফায়ারবেইজে হোস্টিং স্টেপ এ আমরা    Configure as a single-page app (rewrite all urls to /index.html)? (y/N)  No দেওয়ার কারণে  আমাদের এপ্লিকেশন single page  হিসেবে কাজ করছে না। সমাধান এর উপায়ঃ 😀 Step-1:    VS  Code  থেকে আপনার    firebase.json ফাইল ওপেন করুন ।  এটি নিচের মত দেখাবে Step-2:   নিচের  json  দিয়ে  এটা রি-প্লেস করে দিন । { "hosting": { "public": "build", "ignore": ["firebase.json", "**/.*", "**/node_modules/**"], "rewrites": [ { "source": "**", "destination": "/index.html" } ] } } Replace  করার পর এমন দেখাবে --> Step-3:  build folder  delete করে দিয়ে আবার npm run build দিন । আপনার নতুন করে build folder  তৈরি  হবে ।  Step-4:   এবার  firebase deploy কমা...

We often get a white screen after deploying our react application in firebase.  কেন এই সমস্যাঃ  এটয়া আমাদের auto import extension ভুল ইম্পোর্ট এর কারণে হয়। Iআপনি আপনার লাইভ লিঙ্ক এ গিয়ে ব্রাইজার এর কন্সোল ট্যাব ওপেন করলে এই  Object(...) is not a function error. দেখতে পাবেন সমাধানের উপায়? Step-1: লম্বা একটা শ্বাস নিন Step-2: cltr + shift + f press করুন । আপনি VS Code এর বামপাশে একটা সার্চ বক্স দেখতে পাবেন। Step-3 :  সার্চ বক্স এ লিখুন   import  আপনি অনেকগুলো কম্পোনেন্ট দেখবেন যেগুলোতে import ব্যবহার করা  হয়েছে। Step-4:  সব কম্পোনেন্টে এক এক করে ইম্পোর্টগুলো চেক করবেন  । ইম্পোর্টগুলো  চেক করার সময় যদি   from "react/cjs/react.development"   এরকম কিছু দেখেন তাহলে এটি রিপ্লেস করে   from "react "    করে দিন এবং   from "react-router" দেখলে  এটি রিপ্লেস করে  "react-router-dom"  করে দিন  Step-5 : build folder  ডিলিট করে দিন । Step-8 :  npm run build দিয়ে আবার নতুনভাবে...