"استكشاف أخطاء خطأ تصدير الرمز المميز غير المتوقع وإصلاحها"

عند محاولة تنفيذ كود ES6 داخل مشروع، قد يظهر خطأ "تصدير رمز مميز غير متوقع" . يشير هذا الخطأ إلى أن البيئة المستخدمة لا تدعم بناء جملة الكلمة الأساسية للتصدير المستخدمة في وحدات ES6.

تفاصيل الخطأ

يمثل مقتطف التعليمات البرمجية التالي مصدر الخطأ:

export class MyClass {
  constructor() {
    console.log("es6");
  }
}

الحلول المحتملة

لحل هذه المشكلة، فكر في الحلول التالية:

1. إصدار Node.js وتكوينه

في حالة استخدام Node.js v14.13.0 أو أحدث:

• قم بتمكين ESM عن طريق إضافة "type": " Module" في ملف package.json الخاص بالمشروع.

إذا كنت تستخدم إصدارًا أقدم من Node.js:

• أعد معالجة الكود لاستخدام CommonJS بناء جملة الوحدة النمطية (على سبيل المثال، استخدام Module.exports).

2. TypeScript مع الترجمة الفورية

• استخدم TypeScript مع حزم ts-node أو ts-node-dev للترجمة الفورية أثناء التطوير.

3. الترجمة باستخدام esbuild

• تحويل كود ES6 إلى تنسيق CommonJS باستخدام حزمة esbuild.

4. بابل (غير مستحسن)

• لم يعد يوصى بالترجمة باستخدام بابل بسبب قيود الأداء المحتملة.