Socket.io-client: 1.4.1 . के साथ वेबपैक बिल्ड समस्याएं

+1

मैं अभी के लिए अनुशंसा करता हूं:

  module: {
    noParse: ['ws']
  },
  externals: ['ws']

जब तक हम एक बेहतर फिक्स का पता नहीं लगा लेते

कारण शायद यह है कि npm पर प्रकाशित पैकेज में एक webpack.config.js फ़ाइल है जो कि <=1.4.0 के साथ नहीं थी। वैसे भी यह कहाँ से आ रहा है? मैं इसे रेपो में नहीं देख सकता।

Browserify निर्माण भी विफल रहता है। 1.4.0 का जबरदस्ती उपयोग समस्या को ठीक करता है।

मैंने गलती से वह फाइल प्रकाशित कर दी। मैं ब्राउज़र से दूर जाने के साथ प्रयोग कर रहा था।

1.4.3 आउट।

स्वयं को नोट करें: स्पष्ट रूप से files को package.json सेट करना चाहिए

1.4.3 के साथ अभी भी वही मुद्दे हैं। जोड़ना:

 module: {
    noParse: ['ws']
  },
  externals: ['ws']

हालांकि मदद करता है।

अभी भी टूटा।

@ लेविनो मुझे लगता है कि आपको होगा , जैसे

लेकिन इस समाधान से बेहतर किसी भी समाधान का गर्मजोशी से स्वागत किया जाएगा।

मैं अभी के लिए अपने पैकेज में "^ 1.3.7" के बजाय संस्करण "~ 1.3.7" का उपयोग करता हूं।

इसे सर्वर से इस सॉकेट.आईओ-क्लाइंट थ्रेड में ले जाया गया।

1.3.7 चल रहा था और npm का उपयोग socket.io-client को 1.4.3 पर अपडेट करने के लिए करता था।

ऐप गेम सर्वर से कनेक्ट करने के लिए सिर्फ सॉकेट.आईओ-क्लाइंट का उपयोग करता है (सॉकेट.आईओ 1.4.3 में भी अपडेट किया गया)। विंडोज 7 पर विकास करना।

npm के माध्यम से अनइंस्टॉल करने और पुनः इंस्टॉल करने का प्रयास किया। ऐप शुरू करते समय सॉकेट.आईओ-क्लाइंट और इंजन.आईओ-क्लाइंट से चेतावनियों और त्रुटियों को देखने की उम्मीद नहीं थी।

क्या लापता मॉड्यूल npm पैकेज का हिस्सा नहीं होना चाहिए?

चेतावनी:

WARNING in ./~/socket.io-client/~/engine.io-client/~/ws/lib/BufferUtil.js
Module not found: Error: Cannot resolve module 'bufferutil' in C:\Data\captchatheprize.com\dev\gamewww\node_modules\socket.io-client\node_modules\engine.io-clie
nt\node_modules\ws\lib
@ ./~/socket.io-client/~/engine.io-client/~/ws/lib/BufferUtil.js 10:19-40

WARNING in ./~/socket.io-client/~/engine.io-client/~/ws/lib/Validation.js
Module not found: Error: Cannot resolve module 'utf-8-validate' in C:\Data\captchatheprize.com\dev\gamewww\node_modules\socket.io-client\node_modules\engine.io-
client\node_modules\ws\lib
@ ./~/socket.io-client/~/engine.io-client/~/ws/lib/Validation.js 10:19-44

त्रुटियाँ:

ERROR in ./~/socket.io-client/~/engine.io-client/~/ws/lib/WebSocketServer.js
Module not found: Error: Cannot resolve module 'tls' in C:\Data\captchatheprize.com\dev\gamewww\node_modules\socket.io-client\node_modules\engine.io-client\node
_modules\ws\lib
@ ./~/socket.io-client/~/engine.io-client/~/ws/lib/WebSocketServer.js 15:10-24

ERROR in ./~/socket.io-client/~/engine.io-client/~/ws/~/options/lib/options.js
Module not found: Error: Cannot resolve module 'fs' in C:\Data\captchatheprize.com\dev\gamewww\node_modules\socket.io-client\node_modules\engine.io-client\node_
modules\ws\node_modules\options\lib
@ ./~/socket.io-client/~/engine.io-client/~/ws/~/options/lib/options.js 6:9-22

@ADumaine क्या आपके पास 1.3.7 के साथ कोई समस्या है? यदि नहीं तो इसका उपयोग तब तक करते रहें जब तक कि यह यहाँ हल न हो जाए।

@Levino नंबर 1.3.7 में कोई समस्या नहीं थी। 1.4.3 वास्तव में काम करता है। यह सर्वर से जुड़ता है और डेटा पास करता है, लेकिन मैं अभी भी स्थानीय रूप से विकास कर रहा हूं और टीएलएस जैसी चीजों का उपयोग नहीं कर रहा हूं। मैं इसे अभी के लिए 1.4.3 पर छोड़ दूंगा और किसी भी अपडेट का परीक्षण करूंगा या यदि कोई अपडेट नहीं है तो वापस कर दूंगा और हम मंच के लिए तैयार हैं।

हम आज एक और स्थायी समाधान प्रकाशित कर रहे हैं!

महान।

1.4.4 मेरे लिए इसे ठीक करता है। धन्यवाद!

1.4.4 ने इसे मेरे लिए भी तय किया! @latest के साथ प्रयुक्त npm। सर्वर को पुनरारंभ किया गया और कोई चेतावनी या त्रुटि नहीं थी।
धन्यवाद!

अभी भी मेरे लिए एक मुद्दा है, मैंने नवीनतम सॉकेट.आईओ-क्लाइंट, डब्ल्यूएस और वेबपैक में अपडेट किया है, और निम्नलिखित प्राप्त करें

WARNING in ./~/ws/lib/BufferUtil.js
Module not found: Error: Cannot resolve module 'bufferutil' in /home/test/Projects/B_Components/node_modules/ws/lib
 @ ./~/ws/lib/BufferUtil.js 10:19-40

WARNING in ./~/ws/lib/Validation.js
Module not found: Error: Cannot resolve module 'utf-8-validate' in /home/test/Projects/B_Components/node_modules/ws/lib
 @ ./~/ws/lib/Validation.js 10:19-44

WARNING in ./~/mymodule-services/~/sails.io.js/~/request/lib/optional.js
Critical dependencies:
3:11-26 the request of a dependency is an expression
 @ ./~/mymodule-services/~/sails.io.js/~/request/lib/optional.js 3:11-26
webpack: bundle is now VALID.

@mrvini कृपया पुन: पेश करने के लिए क्या कदम हैं? मेरे पास सॉकेट के साथ निम्नलिखित है। आईओ-क्लाइंट@1.4.4 :

damien<strong i="8">@home</strong>:~/git/socket.io-client$ webpack . bundle.js
Hash: 321bb2158ab30d957364
Version: webpack 1.12.11
Time: 685ms
    Asset    Size  Chunks             Chunk Names
bundle.js  195 kB       0  [emitted]  main
   [0] ./lib/index.js 1.66 kB {0} [built]
   [1] ./lib/url.js 1.61 kB {0} [built]
  [14] ./lib/manager.js 12 kB {0} [built]
  [43] ./lib/socket.js 7.54 kB {0} [built]
  [46] ./lib/on.js 370 bytes {0} [built]
    + 46 hidden modules

@globexdesigns @ADumaine : दिल:

@darrachequesne , मेरे पास निम्न सेटअप है:
नोड: v४.२.३

मेरे पास मेरा स्थानीय मॉड्यूल है जो सैल.आईओ.जेएस और सॉकेट.आईओ-क्लाइंट पुस्तकालयों का उपयोग करता है
सेल.आईओ.जेएस: 0.12.2
सॉकेट.आईओ-क्लाइंट: 1.4.4
मैं इस मॉड्यूल को एप्लिकेशन में शामिल कर रहा हूं और वेबपैक सर्वर चला रहा हूं
वेबपैक: १.१२.११
वेबपैक-देव-सर्वर: 1.14.1

जब मैं वेबपैक .bundle.js चलाता हूं, तो सब कुछ अच्छा दिखता है, हालांकि जब मैं इसे वेबपैक देव सर्वर के रूप में चलाने की कोशिश करता हूं, तो यह ऊपर बताई गई त्रुटि को फेंक देता है

@mrvini मुझे खेद है, ऐसा लगता है कि मैं पुन: पेश करने में असमर्थ हूं:

damien<strong i="7">@home</strong>:~/test$ npm install [email protected]
[email protected] node_modules/socket.io-client
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected])
└── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])
damien<strong i="8">@home</strong>:~/test$ webpack-dev-server --port 9000
Hash: 396f0bfb9d565b6f60f0
Version: webpack 1.12.11
Time: 19ms
webpack: bundle is now VALID.
http://localhost:9000/webpack-dev-server/
webpack result is served from /
content is served from /home/damien/test

क्या मुझसे कोई चूक हो रही है?

ओह! ऐसा लगता है कि [email protected] [email protected] पर निर्भर करता है: मुस्कराहट: : https://github.com/balderdashy/sails.io.js/blob/master/dependencies/socket.io.min.js# एल1

इसलिए मुद्दा।

धन्यवाद @darrachequesne इसे देखने के लिए, आप सही हैं, sails.io.js सॉकेट पर निर्भर करता है।

Critical dependencies:
3:11-26 the request of a dependency is an expression
 @ ./~/mymodule-services/~/sails.io.js/~/request/lib/optional.js 3:11-26

FYI करें, अजीब बात यह है कि WS संस्करण 0.8.1 के साथ, यह काम करने लगता है

फिर से भी काम करता है, धन्यवाद!

यहां वही ... कई निर्भरताएं गायब हैं ...

ERROR in ./~/sails.io.js/~/request/request.js
Module not foun @ ./~/sails.io.js/~/request/request.js 30:10-24

ERROR in ./~/sails.io.js/~/request/~/forever-agent/index.js
Module not found
 @ ./~/sails.io.js/~/request/~/forever-agent/index.js 6:10-24

ERROR in ./~/sails.io.js/~/request/~/forever-agent/index.js
Module not found: Error
 @ ./~/sails.io.js/~/request/~/forever-agent/index.js 7:10-24

ERROR in ./~/sails.io.js/~/request/~/mime/mime.js
Module not found
 @ ./~/sails.io.js/~/request/~/mime/mime.js 2:9-22

ERROR in ./~/socket.io-client/~/engine.io-client/~/ws/lib/WebSocketServer.js
Module not found
 @ ./~/socket.io-client/~/engine.io-client/~/ws/lib/WebSocketServer.js 15:10-24

ERROR in ./~/socket.io-client/~/engine.io-client/~/ws/~/options/lib/options.js
Module not found
 @ ./~/socket.io-client/~/engine.io-client/~/ws/~/options/lib/options.js 6:9-22

मैं अभी भी यह देख रहा हूँ:

[0] WARNING in ./~/sails.io.js/~/request/lib/optional.js
[0] Critical dependencies:
[0] 3:11-26 the request of a dependency is an expression
[0]  @ ./~/sails.io.js/~/request/lib/optional.js 3:11-26

पैकेज:

    "sails.io.js": "^0.13.3",
    "socket.io": "^1.4.4",
    "socket.io-client": "^1.4.4",

मैंने इस वेबपैक कॉन्फ़िगरेशन को भी आजमाया है:

 module: {
    noParse: ['ws']
  },
  externals: ['ws']

+1

+1

+1

NS:

module: {
  ....
    noParse: ['ws']
  },
  externals: ['ws']

इसे ठीक करने के लिए नहीं लगता है। अब ws मॉड्यूल अपरिभाषित है।

webpack version : 1.13.0
socket.io-client version : 1.4.4

मुझे संस्करण 1.4.x . के बाद से भी समस्याएं हैं
मेरा नमूना प्रोजेक्ट निम्नलिखित संस्करणों के साथ एक साधारण TODO ऐप है:

• नोडजेएस v5.8.0,
• एनपीएम v3.7.3,
• रीथिंकडीबी v2.3.2,
• रेथिंकडीबीडैश v2.2.18,
• ऑरेलिया नवीनतम बीटा,
• Socket.io v1.4.6,
• Socket.io- क्लाइंट v1.4.6,
• डब्ल्यूएस v1.1.0

वेबपैक कॉन्फ़िगरेशन

  module: {
    noParse: ['ws']
  },
  node: {
    tls: "empty"
  },
  externals: ['fs','ws']

यह कुछ त्रुटियों और चेतावनियों को दूर करने में मदद करता है लेकिन मुझे अभी भी निम्नलिखित चेतावनी और त्रुटियां मिलती हैं।

WARNING in ./~/socket.io-client/socket.io.js
Critical dependencies:
1:475-482 This seems to be a pre-built javascript file. Though this is possible, it's not recommended. Try to require the original source to get better results.
 @ ./~/socket.io-client/socket.io.js 1:475-482

ERROR in ./~/socket.io-client/package.json
Module parse failed: C:\test\client\node_modules\socket.io-client\package.json Unexpected token (2:9)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (2:9)
    at Parser.pp.raise (C:\test\client\node_modules\acorn\dist\acorn.js:920:13)
    at Parser.pp.unexpected (C:\test\client\node_modules\acorn\dist\acorn.js:1483:8)
    at Parser.pp.semicolon (C:\test\client\node_modules\acorn\dist\acorn.js:1462:73)
    at Parser.pp.parseExpressionStatement (C:\test\client\node_modules\acorn\dist\acorn.js:1976:8)
    at Parser.pp.parseStatement (C:\test\client\node_modules\acorn\dist\acorn.js:1754:188)
    at Parser.pp.parseBlock (C:\test\client\node_modules\acorn\dist\acorn.js:1991:21)
    at Parser.pp.parseStatement (C:\test\client\node_modules\acorn\dist\acorn.js:1735:19)
    at Parser.pp.parseTopLevel (C:\test\client\node_modules\acorn\dist\acorn.js:1648:21)
    at Parser.parse (C:\test\client\node_modules\acorn\dist\acorn.js:1616:17)
    at Object.parse (C:\test\client\node_modules\acorn\dist\acorn.js:882:44)
 @ ./~/socket.io/lib/index.js 10:20-55

ERROR in ./~/accepts/~/mime-db/db.json
Module parse failed: C:\test\client\node_modules\accepts\node_modules\mime-db\db.json Unexpected token (2:40)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (2:40)
    at Parser.pp.raise (C:\test\client\node_modules\acorn\dist\acorn.js:920:13)
    at Parser.pp.unexpected (C:\test\client\node_modules\acorn\dist\acorn.js:1483:8)
    at Parser.pp.semicolon (C:\test\client\node_modules\acorn\dist\acorn.js:1462:73)
    at Parser.pp.parseExpressionStatement (C:\test\client\node_modules\acorn\dist\acorn.js:1976:8)
    at Parser.pp.parseStatement (C:\test\client\node_modules\acorn\dist\acorn.js:1754:188)
    at Parser.pp.parseBlock (C:\test\client\node_modules\acorn\dist\acorn.js:1991:21)
    at Parser.pp.parseStatement (C:\test\client\node_modules\acorn\dist\acorn.js:1735:19)
    at Parser.pp.parseTopLevel (C:\test\client\node_modules\acorn\dist\acorn.js:1648:21)
    at Parser.parse (C:\test\client\node_modules\acorn\dist\acorn.js:1616:17)
    at Object.parse (C:\test\client\node_modules\acorn\dist\acorn.js:882:44)
 @ ./~/accepts/~/mime-db/index.js 11:17-37

लेकिन त्रुटियों के साथ भी, प्रोजेक्ट और सॉकेट अभी भी कई ब्राउज़रों के साथ काम करता है।

अगर कोई त्रुटियों को पुन: उत्पन्न करना चाहता है तो एक जीथब TODO नमूना भी जोड़ा।

मैं 1.4.6 के साथ एक ही समस्या का सामना कर रहा हूँ। और @ghiscoding जैसी ही त्रुटियाँ प्राप्त कर रहा है। मैंने noParse , और externals को जोड़ा है जैसा कि ऊपर वर्णित धागे में है। मेरे पास एक बहुत ही सरल ऐप है जो डिबगिंग के लिए सहायक हो सकता है।

प्रकाशित आवेदन की केवल निर्भरताएं हैं:

"socket.io": "^1.4.6",
"socket.io-client": "^1.4.6"

त्रुटियों को पुन: उत्पन्न करने के लिए रेपो डाउनलोड करें, npm install चलाएं और फिर npm prepublish चलाएं

@dbslone धन्यवाद। हमारे पास सीआई में एक परीक्षण भी होना चाहिए जो भविष्य में भी मुद्दों से बचने के लिए वेबपैक के साथ प्रोजेक्ट बनाता है।

Socket.IO 1.4.6, वेबपैक 1.13.0 पर समान चेतावनियाँ।

WARNING in ./~/socket.io-client/socket.io.js
Critical dependencies:
1:475-482 This seems to be a pre-built javascript file. Though this is possible, it's not recommended. Try to require the original source to get better results.
 @ ./~/socket.io-client/socket.io.js 1:475-482

WARNING in ./~/express/lib/view.js
Critical dependencies:
78:29-56 the request of a dependency is an expression
 @ ./~/express/lib/view.js 78:29-56

WARNING in ./~/ws/lib/BufferUtil.js
Module not found: Error: Cannot resolve module 'bufferutil' in /home/rbozan/Git/mooiboymmo/server/node_modules/ws/lib
 @ ./~/ws/lib/BufferUtil.js 10:19-40

WARNING in ./~/ws/lib/Validation.js
Module not found: Error: Cannot resolve module 'utf-8-validate' in /home/rbozan/Git/mooiboymmo/server/node_modules/ws/lib
 @ ./~/ws/lib/Validation.js 10:19-44

var webpack = require("webpack");

module.exports = {
    output: {
        filename: "server.min.js"
    },

    target: "node",

    module: {
        loaders: [
            { test: /\.json$/, loader: "json-loader" }
        ]
    }
};

क्या इसके लिए वर्तमान में कोई उपाय है? मैंने noParse और externals जोड़ने का प्रयास किया है लेकिन मुझे अभी भी ऊपर त्रुटियां दिखाई दे रही हैं। सॉकेट.आईओ 1.4.6, वेबपैक 1.13.1 . का उपयोग करना

import io from 'socket.io-client/socket.io' मेरे लिए काम करता प्रतीत होता है ( import io from 'socket.io' विपरीत)

मुझे अभी भी मिलता है

WARNING in ./~/socket.io-client/socket.io.js
Critical dependencies:
1:475-482 This seems to be a pre-built javascript file. Though this is possible, it's not recommended. Try to require the original source to get better results.

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

@WestleyArgentum मैं वास्तव में इसके साथ भी संघर्ष कर रहा था, लेकिन फिर मैंने पढ़ा कि मुझे पढ़ने में अनुभाग का उपयोग कैसे करें। जब तक आप अपने सर्वर पर socket.io का उपयोग कर रहे हैं, आपको जाने के लिए अच्छा होना चाहिए

Socket.io-client का एक स्टैंडअलोन बिल्ड स्वचालित रूप से socket.io सर्वर द्वारा /socket.io/socket.io.js के रूप में उजागर किया जाता है।

मैंने अपने एचटीएमएल और डॉक्टर के शीर्ष पर <script type="text/javascript" charset="utf-8" src="/socket.io/socket.io.js"></script> जोड़ा और इसने आईओ को वैश्विक के रूप में उजागर किया, इसलिए आयात करने की कोई आवश्यकता नहीं है।

सॉकेट.आईओ: 1.4.6
वेबपैक: 1.13.0
वेबपैक में कॉन्फ़िगरेशन में लक्ष्य के रूप में 'नोड' है।

WARNING in ./~/socket.io-client/socket.io.js
Critical dependencies:
1:475-482 This seems to be a pre-built javascript file. Though this is possible, it's not recommended. Try to require the original source to get better results.
 @ ./~/socket.io-client/socket.io.js 1:475-482

WARNING in ./~/ws/lib/BufferUtil.js
Module not found: Error: Cannot resolve module 'bufferutil' in C:\maestro\frontend\node_modules\ws\lib
 @ ./~/ws/lib/BufferUtil.js 10:19-40

WARNING in ./~/ws/lib/Validation.js
Module not found: Error: Cannot resolve module 'utf-8-validate' in C:\maestro\frontend\node_modules\ws\lib
 @ ./~/ws/lib/Validation.js 10:19-44

बिल्कुल वैसी ही समस्या जैसे @omerts यहाँ... क्या किसी ने कोई समाधान

यह अनुरोध/अनुरोध/मुद्दों/1529 से अस्पष्ट रूप से संबंधित लगता है

इसे websocket और ws पैकेजों के साथ प्राप्त करना।

वही, ws का उपयोग करके यह त्रुटि प्राप्त करना

सॉकेट.आईओ: 1.7.3
वेबपैक: 2.2.1
मॉड्यूल नहीं मिला: त्रुटि: 'socket.io-client/package' को हल नहीं कर सकता

@zweifisch , अपनी समस्या को हल करने के लिए अपनी कॉन्फ़िगरेशन में

फिर भी मेरे पास "चेतावनी है ./~/engine.io/lib/server.js गंभीर निर्भरता: एक निर्भरता का अनुरोध एक अभिव्यक्ति है" और अन्य ऊपर के लोगों के समान हैं।

मैं कोणीय 2 का उपयोग करता हूं। शायद config मदद करेगा:

const path = require('path');
const ProgressPlugin = require('webpack/lib/ProgressPlugin');
const ProvidePlugin = require('webpack/lib/ProvidePlugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const autoprefixer = require('autoprefixer');
const postcssUrl = require('postcss-url');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

const { NoEmitOnErrorsPlugin, LoaderOptionsPlugin, WatchIgnorePlugin } = require('webpack');
const { BaseHrefWebpackPlugin } = require('@angular/cli/plugins/webpack');
const { CommonsChunkPlugin } = require('webpack').optimize;
const { AotPlugin } = require('@ngtools/webpack');

const nodeModules = path.join(process.cwd(), 'node_modules');
const entryPoints = ["inline","polyfills","sw-register","styles","vendor","main"];
const baseHref = undefined;
const deployUrl = undefined;

module.exports = {
  "devtool": "source-map",
  "resolve": {
    "extensions": [
      ".ts",
      ".js",
      ".json"
    ],
    "modules": [
      "./node_modules"
    ],
    "alias": {
      "config": "config/config.dev.js"
    }
  },
  "resolveLoader": {
    "modules": [
      "./node_modules"
    ]
  },
  "entry": {
    "main": [
      "./app/main.ts"
    ],
    "polyfills": [
      "./app/polyfills.ts"
    ],
    "styles": [
      "./dist/style.dev.css"
    ]
  },
  "output": {
    "path": path.join(process.cwd(), "dist/dev"),
    "filename": "[name].bundle.js",
    "sourceMapFilename": "[name].bundle.js.map",
    "chunkFilename": "[id].chunk.js"
  },
  "module": {
    "rules": [
      {
        "enforce": "pre",
        "test": /\.js$/,
        "loader": "source-map-loader",
        "exclude": [
          /\/node_modules\//
        ]
      },
      {
        "test": /\.json$/,
        "loader": "json-loader"
      },
      {
        "test": /\.html$/,
        "loader": "raw-loader"
      },
      {
        "test": /\.(eot|svg)$/,
        "loader": "file-loader?name=[name].[hash:20].[ext]"
      },
      {
        "test": /\.(jpg|png|gif|otf|ttf|woff|woff2|cur|ani)$/,
        "loader": "url-loader?name=[name].[hash:20].[ext]&limit=10000"
      },
      {
        "exclude": [
          path.join(process.cwd(), "dist/style.dev.css")
        ],
        "test": /\.css$/,
        "loaders": [
          "exports-loader?module.exports.toString()",
          "css-loader?{\"sourceMap\":true,\"importLoaders\":1}",
          "postcss-loader"
        ]
      },
      {
        "exclude": [
          path.join(process.cwd(), "dist/style.dev.css")
        ],
        "test": /\.less$/,
        "loaders": [
          "exports-loader?module.exports.toString()",
          "css-loader?{\"sourceMap\":true,\"importLoaders\":1}",
          "postcss-loader",
          "less-loader"
        ]
      },
      {
        "include": [
          path.join(process.cwd(), "dist/style.dev.css")
        ],
        "test": /\.css$/,
        "loaders": ExtractTextPlugin.extract({
          "use": [
            "css-loader?{\"sourceMap\":false,\"importLoaders\":1}", // Don't make sourceMap true, because it will break fonts loading
            "postcss-loader"
          ],
          "fallback": "style-loader",
          "publicPath": ""
        })
      },
      {
        "include": [
          path.join(process.cwd(), "dist/style.dev.css")
        ],
        "test": /\.less$/,
        "loaders": ExtractTextPlugin.extract({
          "use": [
            "css-loader?{\"sourceMap\":false,\"importLoaders\":1}", // Don't make sourceMap true, because it will break fonts loading
            "postcss-loader",
            "less-loader"
          ],
          "fallback": "style-loader",
          "publicPath": ""
        })
      },
      {
        "test": /\.ts$/,
        "loader": "@ngtools/webpack"
      }
    ],
    /*noParse: [
        /\/ws\//,
        /socket\.io\/lib\/index\.js/
    ]*/
  },
  "plugins": [
    new NoEmitOnErrorsPlugin(),
    new ProgressPlugin(),
    new ProvidePlugin({
        $:"jquery",
        jQuery:"jquery"
    }),
    new HtmlWebpackPlugin({
      "template": "./index.html",
      "filename": "./index.html",
      "hash": false,
      "inject": true,
      "compile": true,
      "favicon": false,
      "minify": false,
      "cache": true,
      "showErrors": true,
      "chunks": "all",
      "excludeChunks": [],
      "title": "Webpack App",
      "xhtml": true,
      "chunksSortMode": function sort(left, right) {
        let leftIndex = entryPoints.indexOf(left.names[0]);
        let rightindex = entryPoints.indexOf(right.names[0]);
        if (leftIndex > rightindex) {
            return 1;
        }
        else if (leftIndex < rightindex) {
            return -1;
        }
        else {
            return 0;
        }
    }
    }),
    new BaseHrefWebpackPlugin({}),
    new CommonsChunkPlugin({
      "name": "inline",
      "minChunks": null
    }),
    new CommonsChunkPlugin({
      "name": "vendor",
      "minChunks": (module) => module.resource && module.resource.startsWith(nodeModules),
      "chunks": [
        "main"
      ]
    }),
    new ExtractTextPlugin({
      "filename": "[name].bundle.css",
      "disable": true
    }),
    new LoaderOptionsPlugin({
      "sourceMap": true,
      "options": {
        "postcss": [
          autoprefixer(),
          postcssUrl({"url": (URL) => {
            // Only convert absolute URLs, which CSS-Loader won't process into require().
            if (!URL.startsWith('/')) {
                return URL;
            }
            // Join together base-href, deploy-url and the original URL.
            // Also dedupe multiple slashes into single ones.
            return `/${baseHref || ''}/${deployUrl || ''}/${URL}`.replace(/\/\/+/g, '/');
        }})
        ],
        "lessLoader": {
          "sourceMap": true
        },
        "context": ""
      }
    }),
    new AotPlugin({
      "mainPath": "app/main.ts",
      "hostReplacementPaths": {},
      "exclude": [],
      "tsConfigPath": "tsconfig.json",
      "skipCodeGeneration": true
    }),
    new BundleAnalyzerPlugin({
      analyzerMode: "static",
      openAnalyzer: false,
      reportFilename: 'analyzer/report.html',
    }),
    new WatchIgnorePlugin([
      path.resolve(__dirname, './dist/dev/analyzer'),
      path.resolve(__dirname, './node_modules'),
    ])
  ],
  "node": {
    "fs": "empty",
    "global": true,
    "crypto": "empty",
    "tls": "empty",
    "net": "empty",
    "process": true,
    "module": false,
    "clearImmediate": false,
    "setImmediate": false
  }
};

मेरे द्वारा शामिल किए जाने पर चेतावनियां गायब हो गईं

import * as io from "socket.io-client";

की बजाय

import * as io from "socket.io";

फिर भी, मेरा व्यवहार #1088 जैसा है। बग के साथ मिनिमल ऐप उस इश्यू थ्रेड में है।

_संपादित करें: मेरी समस्या हल हो गई। यह socket.io._ की वजह से नहीं था

@metamaker बहुत बहुत धन्यवाद: +1:

मुझे बाद में socket.io और webpack 2 के साथ निम्न त्रुटि मिल रही है:

Module not found: Error: Can't resolve 'socket.io-client/package' in 'xxx/server2/node_modules/socket.io/lib'
मुझे इसे ठीक करने के लिए package --> package.json को socket.io lib/index.js स्रोत फ़ाइल में बदलना होगा।

var clientVersion = require('socket.io-client/package.json').version;

webpack.config.js

let path = require('path');
const { GlobCopyWebpackPlugin } = require('@angular/cli/plugins/webpack');

module.exports = {
  devtool: false,

  resolve: {
    modules: [
      'node_modules',
      path.resolve(__dirname, 'src')
    ],
    extensions: ['.ts', '.js'],
    alias: {
      // FIXME: Module not found: Error: Can't resolve 'socket.io-client/package' in '/Developer/Work/iot/hub/server2/node_modules/socket.io/lib'
      // "socket.io-client/package": "empty-module",
      "hiredis": "empty-module",
    }
  },

  target: 'node',

  resolveLoader: {
    modules: [
      'node_modules'
    ]
  },

  entry: {
    main: './src/index',
    vendor: [
      'nest.js',
      'rxjs'
    ]
  },

  output: {
    path: path.resolve(__dirname, './dist/build'),
    filename: '[name].server.bundle.js',
    chunkFilename: "[id].server.chunk.js"
  },

  module: {
    rules: [
      { test: /\.ts$/, use: 'ts-loader' },
      { test: /\.json$/, loader: 'json-loader' },
      { test: /\.html$/, loader: 'raw-loader' },
      { test: /\.(eot|svg)$/, loader: 'file-loader?name=[name].[hash:20].[ext]' },
      { test: /\.js.map/, loader: 'raw-loader' },
    ]
  },

  "plugins": [
    new GlobCopyWebpackPlugin({
      "patterns": [
        "config",
        "data"
      ],
      "globOptions": {
        "cwd": "./",
        "dot": true,
        "ignore": "**/.gitkeep"
      }
    }),
  ]
};

कृपया यहां उदाहरण देखें: https://github.com/socketio/socket.io/tree/master/examples/webpack-build

सही सिंटैक्स import io from 'socket.io-client'; होना चाहिए

साथ ही, Can't resolve 'socket.io-client/package' त्रुटि को https://github.com/socketio/socket.io/pull/2960 द्वारा ठीक किया जाना चाहिए

उम्मीद है की वो मदद करदे! यदि नहीं, तो कृपया समस्या को पुन: उत्पन्न करने वाले उदाहरण के साथ किसी समस्या को फिर से खोलें, धन्यवाद!

@darrachequesne

जब मैं के साथ आयात करने की कोशिश कर रहा हूँ

import io from 'socket.io-client'

TS मुझे बता रहा है कि मॉड्यूल का कोई डिफ़ॉल्ट निर्यात नहीं है

@crebuh
टाइपप्रति के लिए प्रकार जोड़ें।
npm i @types/socket.io-client

@kdw3lch

नहीं, यह काम नहीं कर रहा है मेरे पास पहले से ही संस्करण 1.4.29 में टाइप थे और सॉकेट.आईओ-क्लाइंट को 1.7.3 से 2.0.3 तक अपग्रेड किया, फिर भी वही समस्या।

शायद मेरा tsconfig.json गलत है, कोई विचार?

@crebuh मुझे और ध्यान से पढ़ना चाहिए था!
import * as io from 'socket.io-client'

मैं इस मुद्दे को वेबपैक ^ 2.0.0 के साथ देख रहा हूं और पैकेज में कोई सॉकेट नहीं है। जब मैं कर्म चलाता हूं तो मुझे यह मिल रहा है।

सुनिश्चित नहीं है कि यहाँ से कहाँ जाना है ITO डिबगिंग।

मेरे package.json में निर्भरता के लिए socket.io-client जोड़ने से मेरे लिए समस्या ठीक हो गई

मेरे पास भी ऐसा ही था, जब मैंने मौजूदा प्रोजेक्ट का चेकआउट किया था।
मैं npm -i चलाता हूं, सभी निर्भरताएं स्थापित की गई थीं, लेकिन यह त्रुटि प्रकट होती है:

"'engine.io-client' को हल नहीं कर सकता"

सॉकेट.आईओ-क्लाइंट स्थापित करके तय किया गया था।

एनपीएम और सॉकेट.आईओ-क्लाइंट