Socket.io-client: 1.4.1의 Webpack 빌드 문제

+1

나는 지금 추천한다:

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

더 나은 해결책을 찾을 때까지

그 이유는 npm에 게시된 패키지에 <=1.4.0에 없는 webpack.config.js 파일이 포함되어 있기 때문일 수 있습니다. 그나저나 저건 어디서 나온거야? 리포지토리에서 볼 수 없습니다.

Browserify 빌드도 실패합니다. 1.4.0을 강제로 사용하면 문제가 해결됩니다.

실수로 그 파일을 게시했습니다. 나는 브라우저화에서 벗어나는 실험을 하고 있었다.

1.4.3 아웃.

참고 사항: files 에 package.json files 를 명시적으로 설정해야 합니다.

1.4.3에서 여전히 동일한 문제가 있습니다. 첨가:

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

그래도 도움이 됩니다.

아직 고장났습니다.

@Levino 나는 당신이 거기 에서와 같이 browserify가 ws를 무시/제외하도록 해야 한다고 생각합니다.

그러나 이 해결 방법보다 더 나은 솔루션은 열렬히 환영합니다.

지금은 패키지에서 "^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으로도 업데이트됨). Windows 7에서 개발 중입니다.

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 No 1.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 :하트:

@darrachequesne , 다음 설정이 있습니다.
노드: v4.2.3

sail.io.js 및 socket.io-client 라이브러리를 사용하는 로컬 모듈이 있습니다.
sails.io.js: 0.12.2
socket.io 클라이언트: 1.4.4
이 모듈을 응용 프로그램에 포함하고 웹팩 서버를 실행 중입니다.
웹팩: 1.12.11
웹팩 개발 서버: 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

따라서 문제.

@darrachequesne 에게

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",

이 웹팩 구성도 시도했습니다.

 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 앱입니다.

• 노드JS v5.8.0,
• NPM v3.7.3,
• 리씽크DB v2.3.2,
• RethinkDbDash v2.2.18,
• Aurelia 최신 베타,
• 소켓.io v1.4.6,
• Socket.io 클라이언트 v1.4.6,
• ws 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

그러나 오류가 표시되더라도 프로젝트와 소켓은 여전히 ​​여러 브라우저에서 의도한 대로 작동합니다.

또한 누군가가 오류를 재현하려는 경우 Github TODO 샘플을 추가했습니다.

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, webpack 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 추가하려고 시도했지만 여전히 바로 위에 오류가 표시됩니다. socket.io 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 저도 사실 이것 때문에 고심하고 있었는데, read me에서 사용법 섹션을 읽었습니다. 서버에서 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를 전역으로 노출했으므로 가져올 필요가 없습니다.

소켓.IO: 1.4.6
웹팩: 1.13.0
Webpack은 config에서 대상으로 '노드'를 가지고 있습니다.

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 와 정확히 같은 문제가 여기에 있습니다 ... 누구든지 수정 사항을 생각해

이것은 request/request/issues/1529와 모호하게 관련되어 있는 것 같습니다.

또한 websocket 및 ws 패키지 모두에서 이것을 얻습니다.

ws 사용하여 이 오류가 발생합니다.

소켓.IO: 1.7.3
웹팩: 2.2.1
모듈을 찾을 수 없음: 오류: 'socket.io-client/package'를 확인할 수 없습니다.

@zweifisch , 구성에 json 로더를 포함하여 문제를 해결하십시오.

여전히 "WARNING in ./~/engine.io/lib/server.js Critical 종속성: 종속성 요청은 표현식입니다" 및 위의 사람들과 유사한 다른 항목이 있습니다.

저는 Angular2를 사용합니다. 아마도 구성이 도움이 될 것입니다.

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'
수정하려면 socket.io lib/index.js 소스 파일에서 package --> package.json 를 변경해야 합니다.

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

웹팩.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에서 모듈에 기본 내보내기가 없다고 알려줍니다.

@크레부
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-클라이언트