Node.js React Native இல் பிழை: புதுப்பித்த பிறகு "perf_hooks" தொகுதி காணவில்லை

React Native இல் "perf_hooks" தொகுதிப் பிழையைத் தீர்க்கிறது

ஒரு ரியாக் நேட்டிவ் டெவலப்பராக, உங்கள் பணிப்பாய்வுக்கு இடையூறு விளைவிக்கும் சிக்கல்களை எதிர்கொள்வது நம்பமுடியாத அளவிற்கு வெறுப்பாக இருக்கும். சமீபத்தில், கூறுகளில் சில மாற்றங்களைச் செய்த பிறகு எனது பயன்பாட்டை இயக்க முயற்சிக்கும்போது ஒரு குறிப்பிட்ட பிழையை எதிர்கொண்டேன். IOS மற்றும் Android இரண்டிற்கும் வெற்றிகரமாக நான் உருவாக்கிய ஒருமுறை சீராக இயங்கும் பயன்பாடு, திடீரென்று தொடங்குவதில் தோல்வியடைந்தது. குற்றவாளியா? விடுபட்ட தொகுதி — "perf_hooks". 😕

முதலில், என்ன தவறு நடந்தது என்று என்னால் புரிந்து கொள்ள முடியவில்லை. நான் பயன்பாட்டைத் தொடங்க முயற்சித்தவுடன் பிழைச் செய்தி பாப்-அப் ஆனது, ஜெஸ்டின் சார்புகளுக்குள் காணாமல் போன தொகுதியைச் சுட்டிக்காட்டுகிறது. சார்புகளைப் புதுப்பித்தல் மற்றும் முனை தொகுதிகளை மீண்டும் நிறுவுவதன் மூலம் சிக்கலைச் சரிசெய்ய நான் முயற்சித்த போதிலும், எதுவும் வேலை செய்யவில்லை. இந்த நிலைமை பல டெவலப்பர்கள் எதிர்கொள்ளும் பொதுவான தலைவலி, ஆனால் அதைத் தீர்ப்பதற்கான திறவுகோல் அதன் பின்னணியில் உள்ள காரணங்களைப் புரிந்துகொள்வதில் உள்ளது.

விடுபட்ட தொகுதிகள் தொடர்பான பிழைகள் முதலில் சிறிய விக்கல்கள் போல் தோன்றினாலும், அவை உங்கள் முழு வளர்ச்சிச் சுழற்சியையும் விரைவாக சீர்குலைக்கும். குழப்பம் மற்றும் பதட்டம் ஆகியவற்றின் கலவையாக நான் உணர்ந்ததாக நினைவில் உள்ளது, ஒரு சிறிய குறியீடு மாற்றம் எவ்வாறு தீர்க்க முடியாத சிக்கலுக்கு வழிவகுக்கும் என்று தெரியவில்லை. சார்புநிலைகள் மற்றும் கணினி உள்ளமைவுகள் எவ்வாறு தொடர்பு கொள்கின்றன என்பதைப் பற்றிய ஆழமான புரிதலை இந்த அனுபவம் எனக்கு அளித்தது. 🛠️

இந்தக் கட்டுரையில், எனது சொந்த அனுபவத்தின் அடிப்படையில் "perf_hooks" பிழையைக் கண்டறிந்து சரிசெய்வதற்கான படிகளை நான் உங்களுக்குக் கூறுகிறேன். ரியாக்ட் நேட்டிவ் சார்பு நிர்வாகத்தின் பெரிய படத்துடன் இந்தச் சிக்கல் எவ்வாறு பொருந்துகிறது என்பதைப் புரிந்துகொள்வதன் மூலம், எதிர்காலத் தலைவலியைத் தடுக்கலாம். நான் முயற்சித்த தீர்வுகள், என்ன வேலை செய்தது மற்றும் உங்களின் சொந்த ஆப்ஸ் மேம்பாடு பயணத்தில் இதுபோன்ற பிழைகளை நீங்கள் எவ்வாறு தீர்க்கலாம் என்பதைப் பகிர்ந்து கொள்கிறேன்.

React Native இல் "perf_hooks" பிழையை சரிசெய்தல்

உங்கள் ரியாக்ட் நேட்டிவ் பயன்பாட்டில் உள்ள "perf_hooks" தொகுதியில் சிக்கலை எதிர்கொள்ளும் போது, ​​தொகுதிகள் எவ்வாறு தீர்க்கப்படுகின்றன மற்றும் அத்தகைய பிழைகளுக்கான மூல காரணத்தைப் புரிந்துகொள்வது அவசியம். "perf_hooks" தொகுதியானது செயல்திறனை அளவிட பயன்படும் ஒரு உள்ளமைக்கப்பட்ட Node.js தொகுதியாகும், ஆனால் சில நேரங்களில், React Native's Metro bundler அதைத் தீர்ப்பதில் சிக்கல் உள்ளது. ரியாக்ட் நேட்டிவ் குறியீட்டைத் தொகுக்கப் பயன்படும் மெட்ரோ, அனைத்து சார்புகள் அல்லது தொகுதிக்கூறுகளைக் கண்டறியாமல் போகலாம், குறிப்பாக Node.js அல்லது நூலகங்களின் சில பதிப்புகள் பயன்படுத்தப்படும்போது இது நிகழ்கிறது. இந்த நிலையில், நீங்கள் பார்க்கும் பிழையானது, Metro Node.js சூழலின் ஒரு பகுதியாக இருக்க வேண்டும் என்றாலும், "perf_hooks"ஐ கண்டறிய முடியாது என்று கூறுகிறது. இதனைச் சரிசெய்வதற்கான முதல் அணுகுமுறையானது, Node.js பதிப்பைச் சரிபார்த்து, நீங்கள் பயன்படுத்தும் ரியாக்ட் நேட்டிவ் பதிப்போடு அது இணக்கமாக இருப்பதை உறுதி செய்வதாகும். 🚀

மற்றொரு தீர்வு, மெட்ரோவின் பந்தல் உள்ளமைவை மாற்றுவதை உள்ளடக்கியது. மாட்யூல்களைத் தீர்ப்பதற்கும், ரியாக்ட் நேட்டிவ் ஆப்ஸிற்கான ஜாவாஸ்கிரிப்ட் குறியீட்டைத் தொகுப்பதற்கும் மெட்ரோ பொறுப்பு. Metro "perf_hooks" ஐக் கண்டுபிடிக்க முடியவில்லை என்றால், அதன் உள்ளமைவை மாற்றியமைப்பதன் மூலம் அதை சரியான இடத்திற்கு கைமுறையாக இயக்கலாம். குறிப்பாக, பயன்பாடு extraNodeModules மெட்ரோவின் உள்ளமைவில் உள்ள சொத்து, சில தொகுதிகளை மெட்ரோ எங்கு பார்க்க வேண்டும் என்பதை வெளிப்படையாக வரையறுக்க உதவும். மெட்ரோ காணாமல் போகக்கூடிய தொகுதிகளில் பாதைகளைச் சேர்ப்பதன் மூலம் இது செய்யப்படுகிறது. மெட்ரோ கட்டமைப்பில் `perf_hooks` ஐச் சேர்ப்பதற்கு மாற்றியமைப்பதே இங்குள்ள முக்கிய கட்டளை extraNodeModules களம். இந்த வழியில், மெட்ரோ தானாகவே எடுக்கப்படாவிட்டாலும், அதை தீர்க்கக்கூடிய சார்புநிலையாகக் கருதும்.

மற்றொரு பொதுவான தீர்வு, திட்டத்தின் முனை தொகுதிகள் மற்றும் தற்காலிக சேமிப்பை முழுமையாக சுத்தம் செய்வதாகும். Node.js திட்டப்பணிகள் சில நேரங்களில் கேச் செய்யப்பட்ட தொகுதிகள் அல்லது பகுதியளவு நிறுவல்கள் பிழைகளை ஏற்படுத்தும் சிக்கல்களில் சிக்கலாம். `npm cache clean --force` போன்ற கட்டளைகளுடன் தற்காலிக சேமிப்பை அழிப்பது பெரும்பாலும் இதுபோன்ற சிக்கல்களைத் தீர்க்கும். மேலும், `node_modules` கோப்புறையை நீக்கி, மீண்டும் `npm install` ஐ இயக்குவதன் மூலம் முனை தொகுதிகளை மீண்டும் நிறுவுவது அவசியம். "perf_hooks" பிழைக்கு வழிவகுத்த எந்தவொரு பதிப்பு பொருத்தமின்மை அல்லது முழுமையற்ற நிறுவல்களையும் நீக்கி, அனைத்து சார்புகளும் சரியாக நிறுவப்பட்டிருப்பதையும் புதுப்பித்த நிலையில் இருப்பதையும் இது உறுதி செய்கிறது.

இறுதியாக, மேலும் சிக்கலைத் தீர்க்க, பதிவு மற்றும் பிழைத்திருத்த கருவிகளைப் பயன்படுத்துவது ஒரு நல்ல நடைமுறையாகும். எடுத்துக்காட்டாக, மெட்ரோ பண்ட்லர் உள்ளமைவில், `console.log()` அறிக்கைகளைச் சேர்ப்பது தொகுதித் தீர்மான செயல்முறையைக் கண்காணிக்க உதவும். சார்புநிலையைத் தீர்க்க மெட்ரோ எங்கு தோல்வியடையும் என்பதைப் பற்றிய நுண்ணறிவை இது உங்களுக்கு வழங்கும். சில சமயங்களில், ரியாக்ட் நேட்டிவ் மற்றும் மெட்ரோ போன்ற சார்புகளைப் புதுப்பிப்பதும் இதுபோன்ற சிக்கல்களைச் சரிசெய்யலாம். `npm காலாவதியானது` என்பதைப் பயன்படுத்துவது, சிக்கலுக்குப் பங்களிக்கும் காலாவதியான சார்புகளைக் கண்டறிய உதவும். அனைத்து கருவிகள் மற்றும் நூலகங்களை புதுப்பித்து வைத்திருப்பது, நீங்கள் பொருந்தக்கூடிய சிக்கல்களைக் குறைப்பதை உறுதிசெய்கிறது, இது பெரும்பாலும் இதுபோன்ற பிழைகளின் மூலமாகும்.

// Solution 1: Reinstalling Dependencies and Clearing Cache
// This script demonstrates how to reset node modules, clear caches, and reinstall dependencies for a React Native project.

const { execSync } = require('child_process');
// Reinstall node_modules
console.log('Reinstalling node_modules...');
execSync('rm -rf node_modules && npm install', { stdio: 'inherit' });

// Clear Metro bundler cache
console.log('Clearing Metro cache...');
execSync('npx react-native start --reset-cache', { stdio: 'inherit' });

// Check if "perf_hooks" module is properly resolved
try {
  require('perf_hooks');
  console.log('perf_hooks module is loaded correctly.');
} catch (error) {
  console.error('Error loading perf_hooks module:', error);
}

// Solution 2: Manually Updating Dependencies to Resolve "perf_hooks" Error
// This solution demonstrates how to manually update your project dependencies to address the "perf_hooks" error.

const { execSync } = require('child_process');
// Update React Native and Jest dependencies
console.log('Updating React Native and Jest versions...');
execSync('npm install react-native@latest @jest/core@latest', { stdio: 'inherit' });

// After updating, reset Metro bundler cache
console.log('Resetting Metro cache...');
execSync('npx react-native start --reset-cache', { stdio: 'inherit' });

// Verify that the "perf_hooks" module is now accessible
try {
  require('perf_hooks');
  console.log('perf_hooks module successfully resolved.');
} catch (error) {
  console.error('Error resolving perf_hooks:', error);
}

// Solution 3: Using Metro's Custom Resolver to Bypass "perf_hooks" Error
// This approach uses Metro bundler's custom resolver to include missing modules, including "perf_hooks".

const { getDefaultConfig } = require('metro-config');
const fs = require('fs');

// Load Metro bundler config
async function configureMetro() {
  const config = await getDefaultConfig();
  config.resolver.extraNodeModules = {
    ...config.resolver.extraNodeModules,
    perf_hooks: fs.realpathSync('/usr/local/lib/node_modules/perf_hooks'),
  }; 

  return config;
}

// Export Metro bundler config with updated node module paths
module.exports = configureMetro;

ரியாக்ட் நேட்டிவ் "perf_hooks" பிழை திருத்தத்தில் பயன்படுத்தப்படும் கட்டளைகளின் விளக்கம்

React Native இல் "perf_hooks" தொகுதி சிக்கலைப் புரிந்துகொள்வது

ரியாக்ட் நேட்டிவ் ஆப்ஸுடன் பணிபுரியும் போது, ​​விடுபட்ட "perf_hooks" தொகுதி தொடர்பான பிழையை எதிர்கொள்வது வெறுப்பாக இருக்கும். இந்த தொகுதி, Node.js இன் ஒரு பகுதியாக, செயல்திறன் அளவீடுகளுக்காக வடிவமைக்கப்பட்டுள்ளது, ஆனால் ரியாக்ட் நேட்டிவ்ன் பண்ட்லர், மெட்ரோ, சில சமயங்களில் இந்தத் தொகுதியைச் சரியாகத் தீர்க்கத் தவறிவிடும். நீங்கள் பார்க்கும் பிழைச் செய்தியானது, மெட்ரோ தொகுதியைப் பயன்படுத்த முயற்சிப்பதாகக் கூறுகிறது, ஆனால் அது எதிர்பார்த்த கோப்பகங்களில் அதைக் கண்டுபிடிக்கவில்லை. Node.js, Metro மற்றும் React Native ஆகியவற்றுக்கு இடையேயான பொருந்தக்கூடிய சிக்கல்கள் இதுபோன்ற பிழைகளை ஏற்படுத்தக்கூடும் என்பதால், இந்தச் சிக்கலைத் தீர்ப்பதற்கான முதல் படி, உங்கள் திட்டச் சார்புகள் புதுப்பித்த நிலையில் இருப்பதை உறுதிசெய்வதாகும். உங்கள் Node.js பதிப்பைப் புதுப்பித்தல், npm தற்காலிக சேமிப்பை அழித்தல் மற்றும் அனைத்தும் புதியதாகவும் இணக்கமாகவும் இருப்பதை உறுதிசெய்ய முனை தொகுதிகளை மீண்டும் நிறுவுவதன் மூலம் நீங்கள் தொடங்கலாம். 🛠️

தற்காலிக சேமிப்பை அழிப்பதும் சார்புகளைப் புதுப்பிப்பதும் சிக்கலைத் தீர்க்கவில்லை என்றால், மற்றொரு முறை மெட்ரோ பண்ட்லர் உள்ளமைவைச் சரிபார்க்க வேண்டும். மெட்ரோவில் இயல்புநிலை மாட்யூல் ரெசல்யூஷன் அமைப்பு உள்ளது, ஆனால் அது எப்போதும் "perf_hooks" போன்ற சில தொகுதிகளை சரியாக எடுக்காமல் போகலாம். Metro config கோப்பில் உள்ள extraNodeModules பிரிவில் சேர்ப்பதன் மூலம் இந்த தொகுதியை வெளிப்படையாகத் தீர்க்க மெட்ரோவை உள்ளமைக்க முயற்சி செய்யலாம். இது மெட்ரோவை ஒரு குறிப்பிட்ட கோப்பகத்தில் "perf_hooks"ஐத் தேடச் சொல்லும், இல்லையெனில் அது மாட்யூலைக் கண்டறிய உதவுகிறது. இந்த அணுகுமுறை மற்ற தொகுதிகள் "perf_hooks" சார்ந்து இருக்கும் சிக்கல்களையும் தீர்க்க முடியும் ஆனால் மெட்ரோ அந்த சார்புகளை தானாகவே தீர்க்க முடியவில்லை.

இந்தச் சிக்கலைத் தீர்ப்பதற்கான மற்றொரு முக்கியமான அம்சம், உங்கள் வளர்ச்சிச் சூழலைச் சரிபார்ப்பது. ரியாக்ட் நேட்டிவ் மேம்பாட்டிற்கு நூலகங்கள், Node.js மற்றும் வாட்ச்மேன் ஆகியவற்றின் குறிப்பிட்ட பதிப்புகள் தேவை. இந்த சார்புகளின் பொருந்தாத பதிப்புகளிலிருந்து பிழை ஏற்படலாம். எடுத்துக்காட்டாக, நீங்கள் பயன்படுத்தும் Node.js (v22.12.0) மற்றும் npm (v10.9.0) ஆகியவற்றின் பதிப்பு, உங்கள் திட்டப்பணியில் உள்ள React Native (0.72.5) பதிப்போடு தவறாக இணைக்கப்பட்டிருக்கலாம். பயன்படுத்துவது உட்பட சார்புகளின் சுத்தமான நிறுவல் npm நிறுவல் அல்லது நூல் நிறுவல், உங்கள் திட்டத்திற்குத் தேவையான பதிப்புகளுடன் பொருந்துவதற்கு சார்புகளை மேம்படுத்துதல் அல்லது தரமிறக்குதல் ஆகியவற்றுடன், இந்தப் பிழையைத் தீர்க்க உதவலாம்.