React-router-dom შეცდომის გამოსწორების 3 გზა შეუძლებელია

თუ თქვენ ხართ React პროგრამისტი ვინც აშენებს ვებს

აპლიკაციები, დაგჭირდებათ გამოყოფილი როუტერი, რომელიც თქვენს მომხმარებლებს მათში ნავიგაციაში დაეხმარება.

მაგრამ ზოგჯერ შეიძლება ავარიული იყოს და აჩვენოს შეტყობინება მოდული ვერ მოიძებნა: ვერ გადაჭრის react-router-dom და შეიძლება წარმოდგენა არ გქონდეთ იმის შესახებ, თუ როგორ უნდა გაასწოროთ ის.

დღეს ჩვენ დაგეხმარებით React როუტერის ერთ-ერთი ყველაზე გავრცელებული შეცდომის გამოსწორებაში. განაგრძეთ კითხვა რომ გაიგოთ!

რა არის React Router Dom?

React Router არის სრულფასოვანი კლიენტის მხრიდან სერვერის მხარეს მარშრუტიზაციის ბიბლიოთეკა React-ისთვის. React Router Dom იყენებს დინამიურ მარშრუტიზაციას ვებ აპში, რომელიც ეხმარება მომხმარებლებს ეფექტურად ნავიგაციაში.

დეველოპერები, რომლებიც ქმნიან React ვებ აპებს, იყენებენ React Router Dom-ს ერთგვერდიანი აპლიკაციები ინტერნეტში. ანუ მრავალი გვერდის ან კომპონენტის მქონე ვებ აპლიკაცია არასოდეს განახლდება; უფრო მეტიც, კონტენტი დინამიურად არის აღებული.

React-როუტერი გთავაზობთ მომხმარებლის უკეთეს გამოცდილებას, რადგან ის ძალზე სწრაფია ტრადიციულ გვერდების ნავიგაციასთან შედარებით და ასევე გთავაზობთ აპლიკაციის უკეთეს შესრულებას მთლიანობაში.

ახლა, როდესაც თქვენ იცით, რა არის მარშრუტიზაცია და რატომ იყენებენ პროგრამისტები React Router Dom-ს, კიდევ ერთი რამ უნდა იცოდეთ. არსებობს სამი ტიპის React Router და თითოეული ემსახურება თავის მიზანს.

განსხვავება React Router VS React Dom VS React Native-ს შორის

თუ თქვენ ხართ React-ის დეველოპერი, გაქვთ სამი ბიბლიოთეკის ასარჩევად. სამივე თითქმის იდენტურია, მაგრამ მათ აქვთ თავისი გამოყენების შემთხვევები. ჩვენ განვიხილავთ თითოეულ მათგანს, რათა გაიგოთ მათი განსხვავებები.

• React-როუტერი - მოიცავს ყველა მორგებულ კომპონენტს და ფუნქციას react-router-native და react-router-dom ბიბლიოთეკებიდან
• React-router-dom – ძირითადად გამოიყენება ვებ აპლიკაციებისთვის, რომლებიც აშენებულია React-ით
• React-როუტერი-მშობლიური – შექმნილია React Native ჩარჩოსთვის, რომელიც გამოიყენება მობილური აპლიკაციების შესაქმნელად React-ის გამოყენებით

რა გავაკეთო, თუ შეცდომის მოდულის შეტყობინება ვერ იქნა ნაპოვნი?

1. დააინსტალირეთ დამოკიდებულებები სწორად

1. დააინსტალირეთ დამოკიდებულებები სწორად.
2. შეამოწმეთ სწორად დაწერეთ თუ არა react-router-dom ან თუ აკრიფეთ რეაქცი-დომ ან რეაგირება დომ? რადგან ეს ორი უკანასკნელი არასწორია.
3. თუ დამოკიდებულებები არ არის სწორად დაინსტალირებული, გამოიყენეთ ბრძანება react-router-dom დამოკიდებულებების დასაყენებლად.
4. თუ შეცდომა მოდული ვერ მოიძებნა: ვერ გადაჭრის react-router-dom შენარჩუნებულია სწორი დამოკიდებულების დაყენების შემდეგაც კი, შემდეგ სცადეთ შემდეგი ბრძანებები: npm დააინსტალირეთ react-router-dom --save ან npm install -S react-router-dom

კონსოლში ზემოთ ნახსენები ბრძანებების გამოყენებით, თქვენ ამატებთ dev დამოკიდებულებას თქვენს package.json ფაილზე. ეს საშუალებას გაძლევთ მოაგვაროთ შეცდომა და ერთდროულად დააინსტალიროთ დამოკიდებულება სხვა კომპიუტერებზე, რომლებიც აჩვენებს მოდული ვერ მოიძებნა: ვერ გადაჭრის react-router-dom

2. განაახლეთ NPM ვერსია 5-მდე

1. განაახლეთ NPM 5 ვერსიამდე.
2. NPM 5 ვერსიამდე განახლებისთვის გამოიყენეთ ბრძანება npm განახლება -გ
3. დაადასტურეთ ახლა, თუ ჯერ კიდევ შეცდომის წინაშე დგახართ მოდული ვერ მოიძებნა: ვერ გადაჭრის react-router-dom.

5 ვერსიამდე, NPM ნაგულისხმევად დააინსტალირა პაკეტი ქვემოთ კვანძის_მოდულები.

თუ თქვენ ცდილობთ დააინსტალიროთ დამოკიდებულებები თქვენი მოდულის/აპისთვის, მოგიწევთ დააინსტალიროთ იგი და შემდეგ დაამატოთ დამოკიდებულებების განყოფილებაში ხელით თქვენს package.json-ში. მე-5 ვერსიის განახლებით, თქვენ ასევე შეგიძლიათ გადაჭრათ ისეთი საკითხები, როგორიცაა აქსიოსს ვერ წყვეტს.

3. შეამოწმეთ, გაქვთ თუ არა დაყენებული სწორი დამოკიდებულებები

1. შეამოწმეთ, გაქვთ თუ არა დაყენებული სწორი დამოკიდებულებები VS კოდში. ხანგრძლივად დააჭირეთ Ctrl ღილაკს და დააწკაპუნეთ მარცხნივ react-router-dom სიტყვა.
2. დაწკაპუნების შემდეგ, თქვენ უნდა გადამისამართდეთ დამოკიდებულების საწყისი node_modules ფაილზე. თუ არ გადამისამართდებით, ხელახლა დააინსტალირეთ.
3. შეგიძლიათ დააინსტალიროთ ბრძანების გამოყენებით npm დააინსტალირეთ react-router-dom --save ან npm install -S react-router-dom

The ვერ გადაჭრის React Router-ში, როგორც წესი, არასწორი ინსტალაციის გამო. და ეს ჩვეულებრივ ხშირია, როდესაც არ გაქვთ დაყენებული სწორი დამოკიდებულებები აპლიკაციაზე, რომლის გამოყენებასაც ცდილობთ.

React Router ეხმარება შექმნას ვებ აპლიკაციები თქვენი აპლიკაციის ინტერფეისისა და URL-ის სინქრონიზაციის გზით. ამ აპლიკაციების დანერგვა ბევრად უფრო ადვილია, ეფექტურად მუშაობს და მნიშვნელოვნად აუმჯობესებს მომხმარებლის გამოცდილებას.

მაგრამ, როგორც სხვა ნივთების მსგავსად, React Router-საც ზოგჯერ შეუძლია ავარია ან შეცდომის კოდის ჩვენება, და თქვენ შეგიძლიათ მისი გამოსწორება სათანადო დახმარებით.

ვიმედოვნებთ, რომ დაგეხმარეთ შეცდომის მოგვარებაში და სიამოვნებით მოგისმენთ თქვენგან ამის შესახებ ქვემოთ მოცემულ კომენტარებში!