[Bug]遵循 README 操作出现异常、无法启动

[hall-of-shame]

按 README 指导：

$ git clone https://github.com/umijs/qiankun.git
$ cd qiankun
$ yarn install
$ yarn examples:install
$ yarn examples:start

提示异常：

> Executing task: yarn run examples:start <

yarn run v1.22.17
$ npm-run-all --parallel start:*
$ cd examples/main && yarn start
$ cd examples/react16 && yarn start
$ cd examples/react15 && yarn start
$ cd examples/vue && yarn start
$ cd examples/angular9 && yarn serve:qiankun
$ cd examples/purehtml && yarn start
$ cd examples/vue3 && yarn start
warning package.json: No license field
warning package.json: No license field
warning package.json: No license field
$ webpack-dev-server
$ webpack-dev-server
$ rescripts start
$ cross-env PORT=7104 http-server . --cors
$ vue-cli-service serve
$ ng serve --disable-host-check --port 7103 --base-href /angular9 --live-reload false
$ vue-cli-service serve
Starting up http-server, serving .
Available on:
  http://10.0.0.15:7104
  http://127.0.0.1:7104
Hit CTRL-C to stop the server
 INFO  Starting development server...
 INFO  Starting development server...
> × ｢wds｣:  Error: listen EADDRINUSE: address already in use 127.0.0.1:7099
    at Server.setupListenHandle [as _listen2] (node:net:1334:16)
    at listenInCluster (node:net:1382:12)
    at GetAddrInfoReqWrap.doListen [as callback] (node:net:1520:7)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:73:8) {
  code: 'EADDRINUSE',
  errno: -4091,
  syscall: 'listen',
  address: '127.0.0.1',
  port: 7099
}
× ｢wds｣:  Error: listen EADDRINUSE: address already in use 127.0.0.1:7102
    at Server.setupListenHandle [as _listen2] (node:net:1334:16)
    at listenInCluster (node:net:1382:12)
    at GetAddrInfoReqWrap.doListen [as callback] (node:net:1520:7)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:73:8) {
  code: 'EADDRINUSE',
  errno: -4091,
  syscall: 'listen',
  address: '127.0.0.1',
  port: 7102
}
40% building 168/190 modules 22 active C:\Vendors\qiankun\examples\vue\node_modules\element-ui\lib\mixins\focus.jsi ｢wds｣: Project is running at http://10.0.0.15/
i ｢wds｣: webpack output is served from
i ｢wds｣: Content not from webpack is served from C:\Vendors\qiankun\examples\react16\public
i ｢wds｣: 404s will fallback to /index.html
Starting the development server...

40% building 27/30 modules 3 active ...modules\vue-loader-v16\dist\index.js??ref--1-1!C:\Vendors\qiankun\examples\vue3\src\App.vue?vue&type=template&id=7ba5bd90
× ｢wdm｣: Hash: 808179501e8c821ba679
Version: webpack 4.46.0
Time: 24522ms
Built at: 2022/02/16 下午11:36:10
      Asset       Size  Chunks                   Chunk Names
 index.html  685 bytes          [emitted]
    main.js   1.44 MiB    main  [emitted]        main
main.js.map   1.67 MiB    main  [emitted] [dev]  main
Entrypoint main = main.js main.js.map
[0] multi (webpack)-dev-server/client?http://localhost:7099 ./index.js 40 bytes {main} [built]
[./index.js] 2.25 KiB {main} [built]
[./index.less] 557 bytes {main} [built]
[./node_modules/ansi-html-community/index.js] 4.16 KiB {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:7099] (webpack)-dev-server/client?http://localhost:7099 4.29 KiB {main} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.52 KiB {main} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {main} [built]
[./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/sendMessage.js] (webpack)-dev-server/client/utils/sendMessage.js 402 bytes {main} [built]
[./node_modules/webpack-dev-server/node_modules/strip-ansi/index.js] (webpack)-dev-server/node_modules/strip-ansi/index.js 161 bytes {main} [built]
[./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {main} [built]
[./node_modules/zone.js/dist/zone.js] 161 KiB {main} [built]
[./render/ReactRender.jsx] 627 bytes {main} [built]
    + 37 hidden modules

ERROR in ./index.js
Module not found: Error: Can't resolve '../../es' in 'C:\Vendors\qiankun\examples\main'
 @ ./index.js 3:0-111 30:0-17 78:23-38 97:0-18 102:0-5 103:0-20
Child html-webpack-plugin for "index.html":
     1 asset
    Entrypoint undefined = index.html
    [./node_modules/html-webpack-plugin/lib/loader.js!./index.html] 1.12 KiB {0} [built]
    [./node_modules/lodash/lodash.js] 531 KiB {0} [built]
    [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
    [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
i ｢wdm｣: Failed to compile.
98% after emitting

40% building 187/195 modules 8 active C:\Vendors\qiankun\examples\vue3\node_modules\@vue\devtools-api\lib\esm\index.js DONE  Compiled successfully in 23011ms
                                                                                                          下午11:36:20

  App running at:
  - Local:   http://localhost:7103/
  - Network: http://10.0.0.15:7103/

40% building 201/206 modules 5 active ...iankun\examples\vue3\node_modules\url-loader\dist\cjs.js??ref--2-0!C:\Vendors\qiankun\examples\vue3\src\assets\logo.png
 Note that the development build is not optimized.
  To create a production build, run yarn build.

98% after emitting CopyPlugin

 DONE  Compiled successfully in 14581ms                                                                                                              下午11:36:22

  App running at:
  - Local:   http://localhost:7105/
  - Network: http://10.0.0.15:7105/

i ｢wdm｣: Hash: ca713a919b6d7e836a71
Version: webpack 4.46.0
Time: 35785ms
Built at: 2022/02/16 下午11:36:22
      Asset       Size  Chunks                   Chunk Names
       0.js   1.69 KiB       0  [emitted]
   0.js.map   1.28 KiB       0  [emitted] [dev]
 index.html  188 bytes          [emitted]
    main.js    5.8 MiB    main  [emitted]        main
main.js.map   5.76 MiB    main  [emitted] [dev]  main
Entrypoint main = main.js main.js.map
[0] multi (webpack)-dev-server/client?http://localhost:7102 ./index.js 40 bytes {main} [built]
[./App.jsx] 597 bytes {main} [built]
[./dynamic.css] 519 bytes {0} [built]
[./index.css] 517 bytes {main} [built]
[./index.js] 972 bytes {main} [built]
[./node_modules/antd/dist/antd.min.css] 502 bytes {main} [built]
[./node_modules/react-dom/index.js] 59 bytes {main} [built]
[./node_modules/react/react.js] 56 bytes {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:7102] (webpack)-dev-server/client?http://localhost:7102 4.29 KiB {main} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.52 KiB {main} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {main} [built]
[./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/sendMessage.js] (webpack)-dev-server/client/utils/sendMessage.js 402 bytes {main} [built]
    + 1134 hidden modules
Child html-webpack-plugin for "index.html":
     1 asset
    Entrypoint undefined = index.html
    [./node_modules/html-webpack-plugin/lib/loader.js!./index.html] 385 bytes {0} [built]
    [./node_modules/lodash/lodash.js] 531 KiB {0} [built]
    [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
    [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
i ｢wdm｣: Compiled successfully.
  Note that the development build is not optimized.
  To create a production build, run yarn build.

WARNING: Running a server with --disable-host-check is a security risk. See https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a for more information.
Compiled successfully!

You can now view react16 in the browser.

  Local:            http://localhost:7100
  On Your Network:  http://10.0.0.15:7100

Note that the development build is not optimized.
To create a production build, use yarn build.

10% building 1/1 modules 0 active(node:33312) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at C:\Vendors\qiankun\examples\angular9\node_modules\tslib\package.json.
Update this package.json to use a subpath pattern like "./*".
(Use `node --trace-deprecation ...` to show where the warning was created)

chunk {main} main.js, main.js.map (main) 3.97 MB [entry] [rendered]
Date: 2022-02-16T15:37:17.316Z - Hash: 741dbff06d73084f3c30 - Time: 17537ms

WARNING in C:\Vendors\qiankun\examples\angular9\src\polyfills.ts is part of the TypeScript compilation but it's unused.
Add only entry points to the 'files' or 'include' properties in your tsconfig.
** Angular Live Development Server is listening on localhost:7103, open your browser on http://localhost:7103/ **
: Compiled successfully.

开发完成后，能否搞一个新的干净的环境，跑测一下，不要基于手头已调校过的环境。

[gongshun]

我这里是正常的，yarn 的缓存也清了，yarn 版本是 v1.22.5

https://user-images.githubusercontent.com/29347231/156913261-904b1156-8d76-4884-81cd-438296c4b729.mp4

[RicardoBiao]

清一下yarn缓存就好了，yarn cache clean。