NextJS တွင် ဆိုဒ်အမြစ်မှ တင်သွင်းခြင်း

ဤသင်ခန်းစာတွင် ကျွန်ုပ်တို့သည် NextJS အတွင်းရှိ တင်သွင်းခြင်းများကို ဆက်လက်လေ့လာပါမည်။ သို့သော် ယခုအခါတွင် NodeJS တွင် မရှိသော်လည်း NextJS တွင်ရှိသည့် အင်္ဂါရပ်တစ်ခုကို လေ့လာပါမည်။

အမှန်မှာ NodeJS တွင် တင်သွင်းသည့်အခါ ကျွန်ုပ်တို့သည် အနီးစပ်ဆုံးလမ်းကြောင်း (စလေရှ်အစမပါသော) သို့မဟုတ် စက်လည်ပတ်ရေးစနစ်၏အမြစ်မှ လုံးဝလမ်းကြောင်း (ပရောဂျက်ကို အခြားကွန်ပျူတာသို့ ရွှေ့ပြောင်းရာတွင် ပြဿနာများဖြစ်စေသည်) တို့ကို အသုံးပြုနိုင်သည်။

လက်တွေ့ဘဝတွင် သို့သော် ကျွန်ုပ်တို့သည် နောက်ထပ်တင်သွင်းခြင်းအမျိုးအစားတစ်ခုကို လိုအပ်ပါသည် - ပရောဂျက်အမြစ်မှ တင်သွင်းခြင်းဖြစ်သည်။ NodeJS တွင် ထိုသို့သောတင်သွင်းခြင်းကို ထည့်သွင်းမထားသော်လည်း NextJS တွင်တော့ ရှိပါသည်။

ဤတင်သွင်းခြင်းကို NextJS ကို တပ်ဆင်သည့်အခါ ဖွင့်ပေးပါသည်။ သတိရပါ၊ အဲဒီမှာ Would you like to customize the default import alias ဆိုတဲ့မေးခွန်းရှိခဲ့တယ်။ အကယ်၍ ၎င်းကို Yes ဟုဖြေလျှင် ပရောဂျက်အမြစ်မှ တင်သွင်းခြင်းများကို သတ်မှတ်နိုင်စွမ်း ပေါ်လာပါမည်။

ဘယ်လိုလုပ်ဆောင်တယ်ဆိုတာ ကြည့်ကြရအောင်။ ဥပမာအနေနဲ့ ကျွန်ုပ်တို့မှာ အောက်ပါဖိုင်ဖွဲ့စည်းပုံရှိသည်ဆိုပါစို့။

/src/
- data.js
- /app/
  - /test/
    - page.jsx

မြင်တွေ့ရသည့်အတိုင်း၊ ဖိုင် data.js သည် ဖိုင် page.jsx မှ ဝေးကွာနေပါသည်။ ကျွန်ုပ်တို့၏ဒေတာဖိုင်ကို စာမျက်နှာဖိုင်သို့ တင်သွင်းကြပါစို့။ အနီးစပ်ဆုံးလမ်းကြောင်းကို ဤအတွက်အသုံးပြုကြမည်။

import data from '../../data.js';

export default function Test() {
	return <h1>Test</h1>;
}

မြင်တွေ့ရသည့်အတိုင်း၊ အနီးစပ်ဆုံးလမ်းကြောင်းမှတစ်ဆင့် တင်သွင်းခြင်းသည် အလွန်အဆင်မပြေပါ၊ အဘယ်ကြောင့်ဆိုသော် ကျွန်ုပ်တို့သည် လမ်းကြောင်းကို ../ ဖြင့်စရန် လိုအပ်သောကြောင့်ဖြစ်သည်။ ၎င်းနှင့်တစ်ပြိုင်နက်၊ အကယ်၍ ကျွန်ုပ်တို့၏ ကွန်ပွန်နက်ကို အခြားနေရာသို့ ရွှေ့ပြောင်းပါက ဒေတာဖိုင်သို့သွားသော လမ်းကြောင်းပျက်သွားပါမည်။

ဒေတာဖိုင်သို့ လမ်းကြောင်းကို ပရောဂျက်အမြစ်မှ (src ဖိုလ်ဒါဟု မှတ်ယူသည်) သတ်မှတ်ရန် ပိုမိုအဆင်ပြေပါမည်။ ဤအတွက် လမ်းကြောင်း၏အစတွင် သင်္ကေတ @ ကို ရေးရန်လိုအပ်သည်။ ဤသို့လုပ်ဆောင်ကြပါစို့။

import data from '@/data.js';

export default function Test() {
	return <h1>Test</h1>;
}

ထပ်မံအားဖြည့်ပြောရလျှင်၊ ထိုသို့သောတင်သွင်းခြင်းသည် NextJS တွင်သာဖြစ်နိုင်ပြီး တပ်ဆင်သည့်အခါ သင့်အနေနှင့် လိုအပ်သောမေးခွန်းကို မှန်ကန်စွာဖြေဆိုမှသာ ဖြစ်နိုင်သည်။ NodeJS သို့မဟုတ် သန့်ရှင်းသော JavaScript တွင် ဤအရာသည် အလုပ်လုပ်မည်မဟုတ်ပါ။

အောက်ပါဖိုင်ဖွဲ့စည်းပုံကို ပေးထားပါသည်။

/src/
- /app/
  - data.js
  - /test/
    - page.jsx

ဒေတာဖိုင်ကို ကွန်ပွန်နက် Test သို့ တင်သွင်းပါ။ တင်သွင်းသည့်အခါ ပရောဂျက်အမြစ်မှ လမ်းကြောင်းကို သတ်မှတ်ပါ။

သင်၏ဖိုင်ဖွဲ့စည်းပုံကို �ောက်ပါအတိုင်း ပြောင်းလဲပါ။

/src/
- /app/
  - data.js
  - /test/
    - /sub/
      - page.jsx

�ရောဂျက်အမြစ်မှ တင်သွင်းခြင်းသည် ပြဿနာမရှိဘဲ ဆက်လက်အလုပ်လုပ်နေမည်ကို သေချာစေပါ။