ฉันได้เขียนโมดูลโหนดแล้ว แต่เมื่อฉันพยายามใช้ในแอพ react ที่สร้างโดยใช้create-react-appฉันได้รับข้อผิดพลาดนี้เมื่อฉันเรียกใช้react-scripts startหรือreact-scripts build:

ERROR in ./node_modules/@xxx/react-file-input/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /mnt/c/Users/xxx/file-picker-demo/node_modules/@xxx/react-file-input/index.js: Support for the experimental syntax 'jsx' isn't currently enabled (40:11):

  38 |     if (maxFileSize && maxFileSize > 0 && file.size > maxFileSize) {
  39 |       return (
> 40 |           <span>{String.fromCharCode(9888)}</span>
     |           ^
  41 |       );
  42 |     }
  43 |   };

Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation.
If you want to leave it as-is, add @babel/plugin-syntax-jsx (https://git.io/vb4yA) to the 'plugins' section to enable parsing.

ข้อผิดพลาดจะไม่เกิดขึ้นหากฉันคัดลอกและวางโค้ดลงในแอปพลิเคชันหลักและไม่นำเข้าโมดูลโหนด

มีไฟล์ปรับแต่งที่ฉันต้องเพิ่มในโหนดโมดูลหรือไม่ ฉันดูที่นี่และลองเพิ่ม .babelrc, babel.config.js, webpack.config.js ลงในโมดูลโหนดของฉัน และไม่พบสิ่งใดที่ทำให้ข้อผิดพลาดหายไป ฉันจะแก้ไขปัญหานี้ได้อย่างไร

รายละเอียดเพิ่มเติม: ฉันกำลังใช้react-scripts 5.0.0. ฉันไม่มีไฟล์กำหนดค่าของ babel หรือ webpack ในโครงการของฉัน ( create-react-appไม่สร้างไฟล์ใดๆ เลย) ฉันเข้าใจว่าreact-scriptsมีการกำหนดค่าภายในสำหรับ babel และ webpack ที่ใช้

ไม่พบคำตอบ