javascript - สร้าง React App ด้วย TypeScript เพื่อคอมไพล์โค้ดจาก node_modules
ฉันสร้างโปรเจกต์ใหม่โดยใช้ CRA กับ TypeScript ฉันเพิ่ม dependency ของ npm จาก repository ส่วนตัวของฉันใน package.json "common-ui": "[email :someorg/common-ui.git#develop" เพราะฉันต้องการใช้โค้ดบางส่วนซ้ำระหว่างโปรเจกต์สองโปรเจกต์ ใน repository นี้ฉันมีโครงสร้างไฟล์ที่ง่ายๆ ฉันแค่อยากรวมไฟล์บางไฟล์ในสองโปรเจกต์เพราะมันเป็นไฟล์ที่ใช้ร่วมกัน ฉันไม่สามารถทำให้มันทำงานด้วยกันได้ ฉันได้รับข้อผิดพลาด 'You may need an appropriate loader to handle this file type' ดังนั้นฉันจึง eject CRA และเปลี่ยนการตั้งค่า webpack แบบนี้
// Process application JS with Babel.
// The preset includes JSX, Flow, TypeScript, and some ESnext features.
{
test: /\.(js|mjs|jsx|ts|tsx)$/,
include: paths.appPath,
loader: require.resolve('babel-loader'),
ฉันต้องการรวมไฟล์ทั้งหมดใน babel-loader ตอนนี้ฉันได้เจอข้อผิดพลาดอีกข้อหนึ่ง 'SyntaxError: ...Unexpected token' ดูเหมือนว่ามันไม่รู้จัก TypeScript มีไอเดียไหมว่าทำอย่างไรให้มันทำงานได้? แอปถูกสร้างด้วย CRA และ repo TypeScript ถูกแนบมากับ npm