Request: वेबपैक

को निर्मित 6 अप्रैल 2015 · 41टिप्पणियाँ · स्रोत: request/request

मैं वेबपैक का उपयोग करके request लोड करने का प्रयास कर रहा हूं और यह त्रुटि देख रहा हूं:

screen shot 2015-04-06 at 13 04 59

मैंने देखा है कि यह ब्राउज़र में ब्राउज़र में काम करने वाला है और उत्सुक था कि मैं क्या गलत कर रहा हूं। हो सकता है कि ब्राउजराइज़ निर्भरता को वेबपैक से अलग तरीके से प्रोसेस करता है जो इस समस्या का कारण बन रहा है। कोई विचार?

स्रोत

pho3nixf1re

👍127 ❤5 🎉4 😄2

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

यहाँ वही मुद्दा।

समाधान: json-loader स्थापित करें ताकि वेबपैक *.json फ़ाइलों को संभाल सके। फिर उस लोडर और एक नया node ऑब्जेक्ट को अपने webpack.config.js तरह जोड़ें:

$ npm install --save-dev json-loader

webpack.config.js

var path = require('path');

module.exports = {
  entry: 'index',
  output: {
    path: path.join(__dirname, 'scripts'),
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      { test: /\.json$/, loader: 'json-loader' }
    ]
  },
  resolve: {
    extensions: ['', '.webpack.js', '.web.js', '.js']
  },
  node: {
    console: 'empty',
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  }
};

screendriver 19 मई 2015

👍219 🎉57 ❤38 😄20

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

+1, इसे भी देख रहे हैं

आउटपुट:

ERROR in ./~/request/lib/har.js
Module not found: Error: Cannot resolve module 'fs' in /absolute/path/to/project/node_modules/request/lib
 @ ./~/request/lib/har.js 3:9-22

ERROR in ./~/request/~/tunnel-agent/index.js
Module not found: Error: Cannot resolve module 'net' in /absolute/path/to/project/node_modules/request/node_modules/tunnel-agent
 @ ./~/request/~/tunnel-agent/index.js 3:10-24

ERROR in ./~/request/~/tunnel-agent/index.js
Module not found: Error: Cannot resolve module 'tls' in /absolute/path/to/project/node_modules/request/node_modules/tunnel-agent
 @ ./~/request/~/tunnel-agent/index.js 4:10-24

ERROR in ./~/request/~/forever-agent/index.js
Module not found: Error: Cannot resolve module 'net' in /absolute/path/to/project/node_modules/request/node_modules/forever-agent
 @ ./~/request/~/forever-agent/index.js 6:10-24

ERROR in ./~/request/~/forever-agent/index.js
Module not found: Error: Cannot resolve module 'tls' in /absolute/path/to/project/node_modules/request/node_modules/forever-agent
 @ ./~/request/~/forever-agent/index.js 7:10-24

ERROR in ./~/request/~/tough-cookie/lib/cookie.js
Module not found: Error: Cannot resolve module 'net' in /absolute/path/to/project/node_modules/request/node_modules/tough-cookie/lib
 @ ./~/request/~/tough-cookie/lib/cookie.js 23:10-24

ERROR in ./~/request/~/form-data/lib/form_data.js
Module not found: Error: Cannot resolve module 'fs' in /absolute/path/to/project/node_modules/request/node_modules/form-data/lib
 @ ./~/request/~/form-data/lib/form_data.js 7:9-22

ERROR in ./~/request/~/har-validator/~/is-my-json-valid/~/jsonpointer/jsonpointer.js
Module not found: Error: Cannot resolve module 'console' in /absolute/path/to/project/node_modules/request/node_modules/har-validator/node_modules/is-my-json-valid/node_modules/jsonpointer
 @ ./~/request/~/har-validator/~/is-my-json-valid/~/jsonpointer/jsonpointer.js 1:14-32

jaredmcdonald 6 अप्रैल 2015

👍7

मैं यह समझ गया। समस्या यह है कि वेबपैक को ब्राउजर के विपरीत कुछ अतिरिक्त कॉन्फ़िगरेशन की आवश्यकता होती है क्योंकि यह अधिक बेयरबोन प्रकृति के कारण होता है। मेरी उदाहरण शाखा देखें और इस बात के लिए अंतर करें कि मुझे परीक्षण सफलतापूर्वक चलाने के लिए कैसे मिला।

https://github.com/request/request/compare/master...pho3nixf1re :webpack-tests

मेरी योजना इसे अपने स्वयं के कर्म परीक्षण में बदलने और एक पीआर जमा करने की है ताकि अन्य इसे एक उदाहरण के रूप में उपयोग कर सकें। साथ ही, यह भविष्य के मुद्दों को उजागर कर सकता है क्योंकि विकास आगे बढ़ता है।

pho3nixf1re 6 अप्रैल 2015

👍2

हाँ, वही मिला, धन्यवाद। किसी और के लिए जो इस पर ठोकर खाता है, प्रासंगिक वेबपैक डॉक्स यहां हैं: http://webpack.github.io/docs/configuration.html#node

jaredmcdonald 7 अप्रैल 2015

👎38 👍20 😄3 😕2

@jaredmcdonald बहुत बहुत धन्यवाद :)

vvo 14 अप्रैल 2015

👍1

@ pho3nixf1re यह बहुत अच्छा होगा यदि आप ब्राउज़र के स्थान पर नहीं): +1:

simov 24 अप्रैल 2015

हां! मैं करने का इरादा रखता हुं। मैंने इसे केवल अवधारणा के त्वरित प्रमाण के रूप में अपनी शाखा में बदल दिया। मैं इस सप्ताह के अंत में उस पर पहुंच जाऊंगा।

pho3nixf1re 24 अप्रैल 2015

दुर्भाग्य से जेसन वेबपैक लोडर को जोड़ने से यह मेरे लिए ठीक नहीं हुआ।

varatep 27 अप्रैल 2015

यहाँ वही मुद्दा।

$ npm install --save-dev json-loader

webpack.config.js

var path = require('path');

module.exports = {
  entry: 'index',
  output: {
    path: path.join(__dirname, 'scripts'),
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      { test: /\.json$/, loader: 'json-loader' }
    ]
  },
  resolve: {
    extensions: ['', '.webpack.js', '.web.js', '.js']
  },
  node: {
    console: 'empty',
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  }
};

screendriver 19 मई 2015

👍219 🎉57 ❤38 😄20

node: { ... } ऑब्जेक्ट जोड़ने से त्रुटि से बचा जा सकता है, लेकिन फिर मैं ब्राउज़र में console का उपयोग नहीं कर सकता। क्या इसके चारों ओर एक रास्ता है?

kilometers 14 जून 2015

👍8

मैं इसे समझ गया:

node: {
    console: true
}

kilometers 14 जून 2015

👍42 😄10 🎉7 ❤2

यह मेरे लिए बहुत बड़ी मदद थी। उपरोक्त सभी को धन्यवाद।

mattdell 21 जुल॰ 2015

सभी को धन्यवाद, इसमें खुद टकरा गया।

nathanmarks 30 अग॰ 2015

कोइ भाग्य?

mmahalwy 7 अक्तू॰ 2015

मैं वेबपैक और अनुरोध का उपयोग कर रहा हूं और आप सभी को यहां मिली त्रुटि मिली है।
जेसन-लोडर और नोड तत्व के साथ समाधान का प्रयास किया और अभी भी त्रुटियां हो रही हैं ...

shirbr510 22 दिस॰ 2015

नमस्ते। मुझे मदद की ज़रूरत है। मैं अपने प्रतिक्रिया ऐप में नोड जेएस MySQL को जोड़ना चाहता हूं। लेकिन जब मैं वेबपैक चलाता हूं तो मुझे त्रुटि संदेश मॉड्यूल 'नेट' को हल नहीं कर सकता है।
कृपया नीचे दिए गए कोड देखें:

import React from 'react'
import ReactDOM from 'react-dom'
import mysql from 'mysql'

export default class Server extends React.Component{
render(){
return(
<div>
<div>Success Inserting New Data</div>
<div>Company Name: {this.props.name}</div>
<div>Email: {this.props.email}</div>
</div>
);
}
}

var company_data = {
name: 'Company Name Sample',
email: '[email protected]'
};

let connection = mysql.createConnection({
host: 'localhost',
user: 'root',
password: '',
database: 'earnmoredoless'
});

connection.connect();

let sql = connection.query('insert into account set ?', data, function(err, res){

`//success`
`if(!err){`

    `ReactDOM.render(`
        `<Server data={company_data} />,`
        `document.querySelector('#app')`
    `);`

`}else{`

    `console.log('Failed inserting new data.');`
`}`

});

derickablong 9 जन॰ 2016

👎7 👍3

+1
इसने मुझे बचा लिया

sohibul 3 फ़र॰ 2016

+1
बचाया!

carlospliego 29 फ़र॰ 2016

+1 मुझे स्वयं dotenv समस्या थी। उपरोक्त समाधान ने मेरी समस्या हल कर दी। धन्यवाद!

crisu83 1 मार्च 2016

नोड जोड़ने से { fs: 'empty' } लिए cannot resolve module 'fs' समस्या का समाधान हो गया, लेकिन अब मेरे कंसोल में एक त्रुटि है TypeError: fs.readFileSync is not a function । मैं es6 बेबल ट्रांसपिलर के साथ dotev और webpack का उपयोग करने का प्रयास करते समय इस समस्या में भाग रहा हूं। वेबपैक को import 'dotenv/config'; रूप में आयात करना जैसा कि https://github.com/motdotla/dotenv/issues/114 में वर्णित है

tiffanywei 14 अप्रैल 2016

👍41 😕8

जबकि ऊपर दिए गए नोड {} समाधान ने मेरे webpack.config.js को मदद की, इसने मेरे karma.conf.js को तोड़ दिया, जो इस पर निर्भर करता है, निम्नलिखित त्रुटि के साथ:

संदर्भ त्रुटि: सख्त मोड वैश्विक संपत्ति '_crypto' के निहित निर्माण को रोकता है

richburdon 15 जुल॰ 2016

किसी ने इसे dotenv साथ काम करने के लिए हल किया?

lucasbento 4 अग॰ 2016

node-soap का उपयोग करने का प्रयास करते समय मुझे यह समस्या आ रही है, जो वेबपैक का उपयोग करने वाले रिएक्ट ऐप में request पर निर्भर करता है। मैंने अपनी वेबपैक कॉन्फ़िगरेशन को शामिल करने के लिए संशोधित करने का प्रयास किया है;

node: {
    console: true,
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  }

जैसा कि ऊपर बताया गया है, लेकिन इससे मेरे लिए समस्या का समाधान नहीं हुआ। मुझे अब भी ये त्रुटियां दिखाई दे रही हैं;
screen shot 2016-08-14 at 5 45 02 pm

अन्य लोग समान मुद्दों को देख रहे हैं;
https://gitter.im/vpulim/node-soap/archives/2016/04/13
https://gitter.im/vpulim/node-soap/archives/2016/01/11

और जहां तक मेरी जानकारी है, अभी तक किसी के पास इसका समाधान नहीं है। मैं वेबपैक से बहुत परिचित नहीं हूं, लेकिन अगर किसी और के पास अभी तक कोई समाधान नहीं है, तो मैं इस सप्ताह के अंत में उस याक को दाढ़ी देने की कोशिश कर सकता हूं यदि मेरे पास समय है तो मैं इसे और डीबग कर सकता हूं।

@kevhuang @sailingthoms @MrOutis या @gaearon क्या आप में से किसी ने अभी तक इसका समाधान खोजा है? या क्या आपके पास कोई विचार है कि node-soap / request रिएक्ट के साथ काम करने के लिए और क्या करने की आवश्यकता है? (बेदखल किए बिना अधिमानतः create-react-app के साथ)।

localjo 15 अग॰ 2016

👍9 ❤1 🎉1

@screendriver आपको _node ऑब्जेक्ट_ के बारे में जानकारी कहां से मिली? मैं इसे दस्तावेज़ीकरण में नहीं देख रहा हूं।

@richburdon , @lucasbento क्या आपकी मदद के लिए एक उदाहरण है?

glrodasz 29 अग॰ 2016

@garethderioth क्षमा करें मुझे याद नहीं है। बड़ा लंबा समय हो गया है।

वैसे: इस बीच मैं अपने AJAX अनुरोधों के लिए HTML5 fetch API और इस पॉलीफ़िल का उपयोग कर रहा हूं।

screendriver 29 अग॰ 2016

@ गैरेथडेरियोथ
@jaredmcdonald ने इसे ऊपर https://github.com/request/request/issues/1529#issuecomment -90347445 में कहा है

हाँ, वही मिला, धन्यवाद। किसी और के लिए जो इस पर ठोकर खाता है, प्रासंगिक वेबपैक डॉक्स यहां हैं: http://webpack.github.io/docs/configuration.html#node

Sklpcc 29 अग॰ 2016

वैसे: इस बीच मैं अपने AJAX अनुरोधों के लिए HTML5 fetch API और इस पॉलीफ़िल का उपयोग कर रहा हूं।

रिएक्ट ऐप उपयोगकर्ता बनाएं: कृपया ध्यान दें कि सीआरए में पहले से ही एक window.fetch पॉलीफ़िल शामिल है ताकि आप request बजाय सुरक्षित रूप से इसका उपयोग कर सकें यदि यह आपके उपयोग के मामले को संतुष्ट करता है।

gaearon 29 अग॰ 2016

👍3

इसके बजाय @screendriver @josiahsprague :

node: {
    console: true,
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
}

मैंने लिखा:

target: 'node',

इसने मेरे सभी मुद्दों को हल कर दिया।

संपादित करें: आप इसके बारे में यहाँ और अधिक पढ़ सकते हैं: https://webpack.github.io/docs/configuration.html#target

pedzed 9 अक्तू॰ 2016

👍48 🎉15 ❤8 😄4

@gaearon क्या होगा यदि किसी तीसरे पुस्तकालय द्वारा निर्भरता की आवश्यकता है?
क्रिएट-रिएक्शन-ऐप के रिपोजिटरी में एक मुद्दा उठाना, जैसा कि मुझे भिखारी से होना चाहिए: /

git-toni 22 अक्तू॰ 2016

ऊपर पोस्ट की गई त्रुटियों का मेरा स्क्रीनशॉट अप्रासंगिक है, जो शायद उन त्रुटियों को पढ़ने वाले किसी भी व्यक्ति के लिए स्पष्ट है। 😂 वैसे भी, ऐसा लगता है कि @pedzed की टिप्पणी में दोनों समाधान मेरे लिए काम करेंगे। एक अन्य संभावित समाधान आपकी स्थिति के आधार पर target: 'node-webkit या अन्य समान विकल्प का

मेरे मामले में, मैंने अभी node-soap से browser-soap स्विच किया है, लेकिन यह सभी के लिए काम नहीं करेगा।

localjo 22 अक्तू॰ 2016

👍1

मेरे पास एक अलग मुद्दा था जो इसके समान है, लेकिन किसी के लिए भी socketio/socket.io-client/issues/933 जो इसे अनुभव कर सकता है, समाप्त हो गया

warent 27 अक्तू॰ 2016

👍1

+1
धन्यवाद!

brickgale 13 दिस॰ 2016

मैंने जो @screendriver और @kilometers प्रदान किया उसका उपयोग करके मैंने एक छोटा सा बदलाव किया (धन्यवाद!)।

वेबपैक ने शिकायत की कि अगर कोई खाली एक्सटेंशन था, हालांकि, मुझे नहीं लगता कि अधिकांश के लिए इसकी आवश्यकता होगी।

````
वर पथ = आवश्यकता ('पथ')
वर अनुरोध = आवश्यकता ('अनुरोध')
वर वेबपैक = आवश्यकता ('वेबपैक')

मॉड्यूल.एक्सपोर्ट = {
प्रविष्टि: './src/main.js',
आउटपुट: {
पथ: पथ। समाधान (__dirname, './dist'),
पब्लिकपाथ: '/ जिला/',
फ़ाइल का नाम: 'बिल्ड.जेएस'
},
मापांक: {
नियम: [
{
परीक्षण: /.json$/,
लोडर: 'जेसन-लोडर'
}
]
},
संकल्प: {
/ एक्सटेंशन: ['.webpack.js', '.web.js', '.js'] /
}
नोड: {
कंसोल: सच,
एफएस: 'खाली',
नेट: 'खाली',
टीएलएस: 'खाली'
}
}
````

trentmillar 11 जन॰ 2017

👍13 🎉2 ❤1 👎1

बंडल कोड को प्रभावित किए बिना सर्वोत्तम आसान समाधान:

require

Attrash-Islam 15 फ़र॰ 2017

👍17 ❤9

उन लोगों के लिए जिन्हें स्टोरीबुक में समस्या है और जो स्टोरीबुक के मूल वेबपैक कॉन्फिगरेशन को बदलना नहीं चाहते हैं, आप .storybook/webpack.config.js बनाकर इसे बढ़ा सकते हैं और जोड़ सकते हैं:

// Load the default config generator.
const genDefaultConfig = require('@kadira/storybook/dist/server/config/defaults/webpack.config.js');

module.exports = function (config, env) {
    const newConfig = genDefaultConfig(config, env);

    // Extend to resolve fs issues
    newConfig.node = {
        fs: 'empty'
    };

    return newConfig;
};

tuanh118 21 फ़र॰ 2017

👍4

  node: {
    console: true,
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  }

इस उपरोक्त कोड त्रुटि का उपयोग हल किया गया है लेकिन

fs.writeFile('/home/react-hello-world/test.txt', 'aaa', function(err) { alert(err); });

fs.writeFile काम नहीं कर रहा है कृपया कोई समाधान दें।

chandrasekarb 12 मई 2017

👍3

@चंद्रसेकरब 'खाली' के बजाय fs को सत्य पर सेट करने का प्रयास करें

lk22 3 अग॰ 2017

👍1

target: 'node', ने मेरे लिए काम किया: डिपार्टमेंट_स्टोर:

FDiskas 19 अक्तू॰ 2017

👍3 🎉2

मैं इस मुद्दे में भाग गया और ऐसा इसलिए था क्योंकि मैं सर्वर साइड प्रतिपादन के लिए दोहरी क्लाइंट/सर्वर कॉन्फ़िगरेशन चला रहा था। सर्वर-साइड रेंडरिंग कॉन्फिग को लक्ष्य के रूप में चिह्नित किया गया था: 'नोड', जबकि क्लाइंट कॉन्फिग में एक निर्दिष्ट नहीं था। मैंने लक्ष्य जोड़ा: क्लाइंट कॉन्फ़िगरेशन में 'वेब' और त्रुटि दूर हो गई।

wsrast 6 नव॰ 2017

इस समस्या को स्वचालित रूप से पुराने के रूप में चिह्नित कर दिया गया है क्योंकि इसमें हाल की गतिविधि नहीं है। आगे कोई गतिविधि नहीं होने पर इसे बंद कर दिया जाएगा। आपके योगदानों के लिए धन्यवाद।

stale[bot] 23 नव॰ 2018

अनुरोध अब रखरखाव मोड में है और किसी भी नई सुविधाओं को मर्ज नहीं करेगा या इस बग को संबोधित नहीं करेगा। अधिक जानकारी के लिए कृपया #3142 देखें।

reconbot 1 अप्रैल 2019

मैं एक ही मुद्दा उपयोग करने के लिए कोशिश कर रहा था jQuery के साथ Nuxt (या नोड), समस्या था मैं आयात करने गया था jQuery और Bootstrap और कहा कि jsdom इसे हल करने के लिए लेकिन काम नहीं किया। मैंने इसे head अनुभाग में nuxt.config.js में सीधे पुस्तकालयों को आयात करने का हल किया, दूसरा तरीका client mode को nuxt config प्लगइन्स में सेट करना है, मुझे आशा है कि यह किसी की मदद करेगा।

jonalxh 5 जून 2020

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

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

Request: वेबपैक

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

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

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