Signature_pad: بناء خطأ في Vue + webpack

يبدو أنك تستخدم إصدارًا قديمًا من UglifyJS ، والذي يتعامل فقط مع كود ES5. الكود في signature_pad.m.js يستخدم ميزات ES6 +. وبالتالي ، إذا كنت تريد تصغيره باستخدام نسختك من UglifyJS ، فأنت بحاجة أولاً إلى تجميعه وصولاً إلى ES5 باستخدام Babel على سبيل المثال. يمكنك أيضًا استخدام signature_pad.umd.js ، والذي تم تجميعه بالفعل في ES5.

@ kevinchung1026 بالأمس حصلت على نفس المشكلة. لقد قمت بعمل جولة وقمت بإصلاحها عن طريق إضافة القاعدة الإضافية إلى حزمة الويب الخاصة بي.

{
        test: /\.js?$/,
        include: [/node_modules\/signature_pad/],
        use: [
          {
            loader: 'babel-loader',
            options: {
              cacheDirectory: true,
              presets: [['env', { 'modules': false, 'targets': { 'node': 4 } }]]
            }
          }
        ],
      },

آمل أن يساعدك ذلك أيضًا

كل شيء على مايرام الآن ، شكرًا لكم جميعًا

وفقًا لـ https://github.com/rollup/rollup/wiki/pkg.module ، كل ما هو محدد في حقل package.json module يجب أن يستخدم فقط بناء جملة الوحدة ES2015 ، لكن من المتوقع أن اتبع صيغة الحد الأدنى من إصدار الحزمة المطلوب من بيئة JS.

لا يمكن حاليًا استخدام هذه الوحدة خارج الصندوق مع حزمة الويب (لأنها تفضل بشكل افتراضي module إلى main ) (انظر https://webpack.js.org/configuration/resolve/ # حل-mainfields) في نفس كانت مثل الوحدات النمطية الأخرى. وبالتالي ، فإنه يتطلب بعض هذه التعديلات المخصصة لنظام البناء (كما هو موضح أعلاه) لإجبار بابل على تحويل هذه الوحدة المعينة من دليل node_modules إلى أهداف المشروع.

أعتقد أن إضافة حقل browser إلى package.json قد يكون حلاً سريعًا.

مرحبا!

أنا أستخدم angular 2 والإصدار القديم من UglifyJS وكان لدي نفس الخطأ مع uglifyJS + signature_pad.

لقد قمت بحل المشكلة بمساعدة الإجابات أعلاه ، مع إضافة قاعدة webpack جديدة

{ test: /\.js?$/, include: [/node_modules\/signature_pad/], use: [ { loader: 'babel-loader' } ], }

واضطررت إلى استخدام محمل babel الأقدم مع webpack 2
package.json:

"devDependencies": {
....
"babel-core": "^ 5.4.7"،
"babel-loader": "^ 5.1.3"
}