Socket.io-client: 1.4.1でのWebpackビルドの問題

+1

今のところお勧めします：

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

より良い修正が見つかるまで

おそらく、npmで公開されたパッケージに、<= 1.4.0では含まれていなかったwebpack.config.jsファイルが含まれていることが原因です。 とにかくそれはどこから来ているのですか？ リポジトリに表示されません。

Browserifyのビルドも失敗します。 1.4.0を強制的に使用すると、問題が修正されます。

そのファイルを誤って公開しました。 私はbrowserifyから離れることを実験していました。

1.4.3アウト。

自己メモ： package.json filesを明示的に設定する必要があります

1.4.3でも同じ問題が発生します。 追加：

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

しかし助けます。

まだ壊れています。

@Levinoそこにあるよう

ただし、この回避策よりも優れたソリューションは大歓迎です。

今のところ、パッケージでは「^ 1.3.7」ではなくバージョン「〜1.3.7」を使用しています。

これをサーバーからこのsocket.io-clientスレッドに移動しました。

1.3.7を実行していて、npmを使用してsocket.io-clientを1.4.3に更新しました。

アプリはsocket.io-clientのみを使用してゲームサーバーに接続します（socket.io 1.4.3にも更新されています）。 Windows7での開発。

npmを介してアンインストールし、再インストールしてみました。 アプリの起動時にsocket.io-clientとengine.io-clientからの警告とエラーが表示されるとは予想していませんでした。

不足しているモジュールは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 No1.3.7には問題はありませんでした。 1.4.3は実際に機能します。 サーバーに接続してデータを渡しますが、私はまだローカルで開発中であり、tlsなどを使用していません。 今のところ1.4.3のままにして、更新をテストするか、更新がなく、ステージングの準備ができている場合は元に戻します。

本日、より恒久的な修正を公開します。

素晴らしい。

1.4.4これを修正しました。 ありがとう！

1.4.4私も修正しました！。 @latestでnpmを使用しました。 サーバーを再起動しましたが、警告やエラーはありませんでした。
ありがとう！

まだ私にとっては問題ですが、最新のsocket.io-client、ws、webpackに更新し、次のものを入手しました

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再現する手順は何ですか？ 私はソケットで以下を持っています。 [email protected] ：

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 ：heart：

@darrachequesne 、私は次の設定をしています
ノード：v4.2.3

私はsails.io.jsとsocket.io-clientライブラリを使用するローカルモジュールを持っています
sails.io.js：0.12.2
socket.io-client：1.4.4
このモジュールをアプリケーションに含め、webpackサーバーを実行しています
webpack：1.12.11
webpack-dev-server：1.14.1

webpack .bundle.jsを実行すると、すべてが正常に見えますが、webpack devサーバーとして実行しようとすると、上記のエラーがスローされます。

@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]依存しているようです：grinning ：： https：//github.com/balderdashy/sails.io.js/blob/master/dependencies/socket.io.min.js# L1

したがって、問題。

調べてくれてありがとう

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

参考までに、奇妙なことに、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",

私もこのwebpack設定を試しました：

 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アプリです。

• NodeJS v5.8.0、
• NPM v3.7.3、
• RethinkDB v2.3.2、
• RethinkDbDash v2.2.18、
• Aurelia最新ベータ版、
• Socket.io v1.4.6、
• Socket.io-client v1.4.6、
• ws v1.1.0

Webpack構成

  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

ただし、エラーが表示されても、プロジェクトとソケットは複数のブラウザーで意図したとおりに機能します。

エラーを再現したい場合は、 GithubTODOサンプルも追加しました。

1.4.6でも同じ問題が発生しています。 @ghiscodingと同じエラーを受け取ります。 上記のスレッドで説明したように、 noParseとexternalsを追加しました。 デバッグに役立つ可能性のある非常にシンプルなアプリがあります。

公開されたアプリケーションの唯一の依存関係は次のとおりです。

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

エラーを再現するには、リポジトリをダウンロードし、 npm installを実行してから、 npm prepublish実行します。

@dbsloneありがとうございます。 また、将来の問題を回避するために、webpackを使用してプロジェクトをビルドするCIでのテストも必要です。

Socket.IO 1.4.6、webpack1.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追加しようとしましたが、すぐ上にエラーが表示されます。 socket.io 1.4.6、webpack1.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として自動的に公開されます。

HTMLとドキュメントの先頭に<script type="text/javascript" charset="utf-8" src="/socket.io/socket.io.js"></script>を追加すると、ioがグローバルとして公開されたため、インポートする必要はありません。

Socket.IO：1.4.6
Webpack：1.13.0
Webpackには、構成のターゲットとして「ノード」があります。

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を使用してこのエラーを取得します

Socket.IO：1.7.3
Webpack：2.2.1
モジュールが見つかりません：エラー：「socket.io-client / package」を解決できません

@zweifisch 、問題を解決するために設定にjsonローダーを含めます。

それでも私は「./~/engine.io/lib/server.jsに警告があります重要な依存関係：依存関係の要求は式です」など、上記の人々からのものと同様のものがあります。

私はAngular2を使用しています。 たぶん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とwebpack2で次のエラーが発生します

Module not found: Error: Can't resolve 'socket.io-client/package' in 'xxx/server2/node_modules/socket.io/lib'
修正するには、socket.io lib / index.jsソースファイルのpackage --> package.jsonを変更する必要があります。

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 ：

正しい構文は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
typescriptのタイプを追加します。
npm i @types/socket.io-client

@ kdw3lch

いいえ、機能していません。バージョン1.4.29ですでに型があり、socket.io-clientを1.7.3から2.0.3にアップグレードしましたが、それでも同じ問題が発生します。

多分私のtsconfig.jsonは間違っています、何かアイデアはありますか？

@crebuhもっと注意深く読むべきだった！
import * as io from 'socket.io-client'

この問題は、webpack ^ 2.0.0で、パッケージにsocket.ioが含まれていない場合に発生します。 私がカルマを実行するとき、私はこれを得ています。

ここからITOデバッグをどこに行けばよいかわからない。

package.jsonの依存関係にsocket.io-clientを追加すると、問題が修正されました

既存のプロジェクトをチェックアウトしたときにも、同様の問題が発生しました。
npm -iを実行すると、すべての依存関係がインストールされましたが、次のエラーが表示されます。

「 'engine.io-client'を解決できません」

socket.io-clientをインストールすることで修正されました。

npm i socket.io-client