Underscore: वेबपैक अनुकरण की आवश्यकता है ('अंडरस्कोर') गलत तरीके से

को निर्मित 25 मई 2020 · 9टिप्पणियाँ · स्रोत: jashkenas/underscore

मैंने आज 1.9.2 से 1.10.2 तक अपडेट किया और मेरे लिए require('underscore'); का उपयोग करते समय मिश्रण अब काम नहीं कर रहे हैं

यह विफल रहता है TypeError: _.camelcase is not a function :

const _ = require('underscore');
const underscoreString = require('underscore.string');

_.mixin(underscoreString.exports());

console.log(_.camelcase('foo-bar'));

लेकिन यह काम करता है:

import _ from 'underscore';
const underscoreString = require('underscore.string');

_.mixin(underscoreString.exports());

console.log(_.camelcase('foo-bar'));

invalid

स्रोत

dmaicher

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

यह सुनकर खेद है कि यह आपको काट रहा है, @dmaicher। हालांकि मैं इसे अंडरस्कोर 1.10.2 और अंडरस्कोर.स्ट्रिंग 3.3.5 के साथ पुन: पेश नहीं कर सकता। क्या आपके सेटअप के बारे में कुछ खास है?

jgonggrijp 25 मई 2020

आपके तेज़ उत्तर के लिए धन्यवाद: ब्लश:

मैं [email protected] का उपयोग कर रहा हूं और समस्या ब्राउज़र के लिए कोड बंडल के साथ होती है। जब मैं सीएलआई पर नोड के साथ कोड चलाता हूं तो यह ठीक प्रतीत होता है: भ्रमित:

dmaicher 26 मई 2020

यहाँ एक न्यूनतम पुनरुत्पादक है: https://github.com/dmaicher/underscore_issue_2852

dmaicher 26 मई 2020

👍1

यहाँ आपकी समस्या है:

https://github.com/dmaicher/underscore_issue_2852/blob/348eef226ec7392b2ced2b92ddf2fcba2517ab5c/public/build/app.js#L13

वह आयात पथ, underscore/modules/index-all.js , वेबपैक को हमारे package.json में module फ़ील्ड से प्राप्त होना चाहिए:

https://github.com/jashkenas/underscore/blob/5d8ab5e37c9724f6f1181c5f95d0020815e4cb77/package.json#L17 -L18

जबकि main फ़ील्ड वह है जिसका उसे उपयोग करना चाहिए था, यह देखते हुए कि आप CommonJS आयात का उपयोग कर रहे हैं। module उन उपकरणों में ES आयात के लिए है जो उनका समर्थन करते हैं, main बाकी सभी के लिए है। यह बताता है कि आपका कोड import साथ क्यों काम करता है लेकिन require() ।

जाहिर है, वेबपैक आजकल डिफ़ॉल्ट रूप से ईएस मॉड्यूल मानता है लेकिन कॉमनजेएस आयात के लिए फॉलबैक है। मुझे लगता है कि आपको इसे किसी भी तरह कॉन्फ़िगर करना होगा ताकि ES मॉड्यूल न मानें या module फ़ील्ड को अनदेखा न करें। या शायद आप ES मॉड्यूल पर स्विच करना चाहते हैं।

मैं इसे अभी बंद कर रहा हूं क्योंकि यह एक अंडरस्कोर मुद्दे के बजाय एक वेबपैक मुद्दा है। हालांकि, टिप्पणी जारी रखने के लिए स्वतंत्र महसूस करें।

jgonggrijp 26 मई 2020

@jgonggrijp जाँच के लिए धन्यवाद: +1:

मैं वेबपैक कॉन्फ़िगरेशन में हल करने के लिए उपनाम जोड़कर इसे ठीक करने में सक्षम था:
'underscore': 'underscore/underscore.js',

लेकिन यह मुझे थोड़ा अजीब लगता है। मेरे द्वारा उपयोग किए जाने वाले कई अन्य पैकेज "main" और "module" को उनके package.json अंदर निर्दिष्ट करते हैं और उनके लिए यह ठीक काम करता है।

वेबपैक ['browser', 'module', 'main'] . क्रम में मिलने वाला पहला फ़ील्ड लेता है
देखें https://webpack.js.org/configuration/resolve/#resolvemainfields

मैं उत्सुक हूं कि यह केवल अंडरस्कोर के लिए क्यों विफल रहता है लेकिन ऐसा लगता है कि अन्य पैकेजों के लिए काम कर रहा है: ब्लश:

dmaicher 26 मई 2020

👍1

यदि आप उन अन्य पैकेजों का नाम लेते हैं, तो मुझे इसे देखकर खुशी होगी। वैसे भी, module और main विनिमेय होने के लिए नहीं हैं, इसलिए वेबपैक का उनके साथ ऐसा व्यवहार करना अनुचित है:

https://github.com/rollup/rollup/wiki/pkg.module

आपके द्वारा लिंक किए गए दस्तावेज़ शायद थोड़ा कम बदसूरत समाधान पर संकेत देते हैं, जो resolve.mainFields से ['main'] । फिर से, मेरा मानना है कि वेबपैक को पहली बार में module पर विचार नहीं करना चाहिए, क्योंकि आप CommonJS आयात का उपयोग कर रहे हैं।

jgonggrijp 26 मई 2020

बस अगर यहाँ कुछ पैकेज हैं जिनका मैं उपयोग करता हूँ जिनमें module और main :

https://www.npmjs.com/package/vuejs-datepicker
https://www.npmjs.com/package/bootstrap-vue
https://www.npmjs.com/package/acorn
https://www.npmjs.com/package/perfect-scrollbar

dmaicher 26 मई 2020

संबंधित वेबपैक समस्या: https://github.com/webpack/webpack/issues/5756

dmaicher 26 मई 2020

हाँ, वह तुम्हारा मुद्दा है। हालांकि module को हल करते समय वेबपैक कॉमनजेएस का अनुकरण करने के तरीके के साथ कुछ भी प्रतीत होता है। ऐसा प्रतीत होता है कि यह ऐसा कुछ कर रहा है:

// converting modules/index-all.js to ES3
var underscoreESModule = {
    'default': _,
    map: _.map,
    filter: _.filter,
    // ...
};

// in your code that imports underscore
var _ = underscoreESModule;

यदि आप ऐसा कर रहे थे तो बाद की पंक्ति समझ में आएगी:

import * as _ from 'underscore';

लेकिन आप वास्तव में जो कर रहे हैं वह इसके बराबर है:

import _ from 'underscore';

और वेबपैक में इसे ES3 में अनुवाद करने का सही तरीका इस प्रकार होगा:

var _ = underscoreESModule['default'];

यह भी ठीक यही समस्या है जो अन्य लोग वेबपैक/वेबपैक#5756 में चल रहे हैं।

अन्य बिल्ड टूल जैसे Browserify और Rollup इसे अधिक समझदारी से संभालते हैं। सिर्फ यह कहते हुए...

jgonggrijp 26 मई 2020

👍1

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

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

Underscore: वेबपैक अनुकरण की आवश्यकता है ('अंडरस्कोर') गलत तरीके से

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

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