Razzle: تصحيح أخطاء خادم العقدة باستخدام vscode

لدي حظ سعيد مع إرفاق معرف العملية. هناك أيضًا خيار تهيئة تشغيل vscode sourceMaps يمكنك ضبطه على "صحيح".

    {
      "type": "node",
      "request": "attach",
      "name": "Attach by Process ID",
      "processId": "${command:PickProcess}",
      "restart": true
    }

ajsharp شكرا لردكم: smiley_cat:

نفس طريقة إرفاق. لا يمكنني تعيين نقطة توقف في src / index.js.

يكون خيار sourceMaps صحيحًا افتراضيًا (راجع https://code.visualstudio.com/docs/nodejs/nodejs-debugging#_source-maps)

لقد قمت بحل هذا باستخدام إعداد خريطة مصدر مختلف ، لا يبدو أن VSCode مثل cheap-module-sourcemap واحد.
razzle.config.js :

module.exports = {
    modify(config, { target, dev }, webpack) {
        config.devtool = dev ? 'eval-source-map' : 'none';
        return config;
    }
}

launch.json :

{
    "name": "Attach to dev server",
    "type": "node",
    "request": "attach",
    "protocol": "inspector",
    "address": "localhost",
    "port": 9230
}

وابدأ الخادم بـ yarn start --inspect --inspect-port 9230

* تم التعديل ، شكرًا dguyonvarch على اكتشاف الخطأ.

@ بنهاملين : smile_cat: إنه يعمل بشكل جيد!
لقد أصلحت للتو مقتطفك باستخدام:

module.exports = {
  modify: (config, { target, dev }, webpack) => {
      config.devtool = dev ? 'eval-source-map' : 'none';
      return config
  }
}

أجد هذا في razzle/packages/razzle/config/createConfig.js سطر 93:

// Controversially, decide on sourcemaps.
devtool: 'cheap-module-source-map'

لذلك أفتح الجدل: غمزة:! لماذا cheap-module-source-map بدلاً من eval-source-map

أي شخص يريد إضافة قسم إلى المستندات حول هذه الوصفة؟

jaredpalmer هل لي أن أقترح طلب دمج eval-source-map ؟ لا حاجة لتحديث المستند في هذه الحالة.

أولا! إذن ، هذه هي الصفقة ، بين المصدر المفتوح وعملي اليومي وحياتي وما هو غير ذلك ، لدي الكثير لأديره ، لذلك أستخدم GitHub bot لأتمتة بعض الأشياء هنا وهناك. سيحدد برنامج GitHub bot هذا على أنه قديم لأنه لم يكن لديه نشاط حديث لفترة من الوقت. سيتم إغلاقه إذا لم يحدث أي نشاط آخر في غضون أيام قليلة. لا تأخذ هذا على محمل الجد - فهذا إجراء آلي بالكامل. إذا كان هذا خطأ ، فما عليك سوى تقديم تعليق أو إرسال رسالة مباشرة إليّ أو إرسال حامل ناقل أو إشارة دخان.

أغلق ProBot هذا تلقائيًا بسبب عدم النشاط. الصرخة إذا كان هذا خطأ وسنقوم بإعادة فتحه.

تحديث: أفضل طريقة للحصول على vscode لتصحيح أخطاء الخادم هي إضافة هذا إلى launch.json الخاص بك ، وترك تهيئة devtool إلى razzle الافتراضي.

سيسمح هذا بتصحيح أخطاء VSCode ، بالإضافة إلى تجربة تصحيح أخطاء أفضل للعميل (تكسر خرائط Eval-source-Maps عارض أخطاء تصحيح أخطاء React).

"sourceMapPathOverrides": {
    "webpack:///*": "${workspaceRoot}/*"
 }

شكرا @ بنهاملين. هل تريد إعادة الاتصال بسهولة بمثيل مصحح الأخطاء في VSCode بعد إجراء إعادة تشغيل بسيطة ( rs ثم ENTER ) في Razzle؟

ATM إذا قمت بإعادة تشغيل بسيطة ، يفصل مصحح أخطاء VSCode ، لذلك يجب أن أقتل الخادم وأعد تشغيله ثم أعد توصيل مصحح الأخطاء.

benhamlin إنه يعمل مثل السحر مع هذا التكوين: غمزة:

{
      "type": "node",
      "request": "attach",
      "name": "Attach",
      "port": 9230,
      "sourceMapPathOverrides": {
         "webpack:///*": "${workspaceRoot}/*"
      }
}

ourmaninamsterdam RS أعد تشغيل الخادم على منفذ تصحيح أخطاء جديد (9230 + 1) ، لذا يتعين عليك تغيير منفذ الإرفاق في تكوين التشغيل. لم أقم بإجراء مزيد من التحقيق: محبط: