Signature_pad: Vue+webpack के साथ बिल्ड एरर

को निर्मित 22 अग॰ 2018 · 5टिप्पणियाँ · स्रोत: szimek/signature_pad

शीर्षक के रूप में समस्या,
व्यू संस्करण: 2.5.15
वेबपैक संस्करण: 3.11.0
जब npm रन बिल्ड: सैंडबॉक्स , नीचे की तरह त्रुटि:

ERROR in 98.145f98ef3cbd11bd2670.js from UglifyJs
Unexpected token: name (Point) [./node_modules/signature_pad/dist/signature_pad.m.js:6,0][98.145f98ef3cbd11bd2670.js:15,6]

  Build failed with errors.

स्रोत

kevinchung1026

सबसे उपयोगी टिप्पणी

@ kevinchung1026 कल मुझे भी यही समस्या हुई। मैंने एक वॉकओवर बनाया और अपने वेबपैक में अतिरिक्त नियम जोड़कर इसे ठीक किया।

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

आशा है कि यह आपकी भी मदद करेगा

CodeMeNatalie 25 अग॰ 2018

👍3

सभी 5 टिप्पणियाँ

ऐसा लगता है कि आप UglifyJS के पुराने संस्करण का उपयोग कर रहे हैं, जो केवल ES5 कोड को संभालता है। signature_pad.m.js में कोड ES6+ सुविधाओं का उपयोग करता है। इस प्रकार, यदि आप UglifyJS के अपने संस्करण का उपयोग करके इसे छोटा करना चाहते हैं, तो आपको पहले इसे ES5 में संकलित करने की आवश्यकता है जैसे कि Babel. आप signature_pad.umd.js का भी उपयोग कर सकते हैं, जो पहले से ही ES5 में संकलित है।

szimek 22 अग॰ 2018

👍1

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

आशा है कि यह आपकी भी मदद करेगा

CodeMeNatalie 25 अग॰ 2018

👍3

अब ठीक है, thx सब

kevinchung1026 25 अग॰ 2018

https://github.com/rollup/rollup/wiki/pkg.module के अनुसार package.json फ़ाइल के module फ़ील्ड में जो कुछ भी निर्दिष्ट है, उसे केवल ES2015 मॉड्यूल सिंटैक्स का उपयोग करना चाहिए, लेकिन शेष कोड की अपेक्षा की जाती है JS वातावरण के पैकेज के न्यूनतम आवश्यक संस्करण के सिंटैक्स का पालन करें।

वर्तमान में वेबपैक के साथ बॉक्स से बाहर इस मॉड्यूल का उपयोग करना संभव नहीं है (क्योंकि डिफ़ॉल्ट रूप से यह module से main ) (देखें https://webpack.js.org/configuration/resolve/ #resolve-mainfields) अन्य मॉड्यूल की तरह ही था। इस प्रकार इस विशेष मॉड्यूल को नोड_मॉड्यूल्स निर्देशिका से प्रोजेक्ट के लक्ष्यों तक ट्वीक की आवश्यकता है।

मुझे लगता है कि browser फ़ील्ड को package.json में जोड़ना एक त्वरित समाधान हो सकता है।

anatolykazantsev 26 अक्तू॰ 2018

नमस्कार!

मैं कोणीय 2 और UglifyJS के पुराने संस्करण का उपयोग कर रहा हूं और uglifyJS + हस्ताक्षर_पैड के साथ एक ही त्रुटि थी।

मैंने ऊपर दिए गए उत्तरों की मदद से नया वेबपैक नियम जोड़कर समस्या का समाधान किया

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

और मुझे वेबपैक 2 के साथ पुराने बेबेल लोडर का उपयोग करना पड़ा
पैकेज.जेसन:

"देव निर्भरता": {
....
"बेबेल-कोर": "^ 5.4.7",
"बेबेल-लोडर": "^5.1.3"
}

ArttuPakarinen 10 अग॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Signature_pad: Vue+webpack के साथ बिल्ड एरर

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों