example 跑不起来

[smarttang]

The current behavior

ERROR in ./index.jsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/plugin-transform-modules-commonjs' from '/Users/smarttang/butterfly/example'
    at Function.resolveSync [as sync] (/Users/smarttang/butterfly/example/node_modules/resolve/lib/sync.js:111:15)
    at resolveStandardizedName (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/files/plugins.js:101:31)
    at resolvePlugin (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/files/plugins.js:54:10)
    at loadPlugin (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/files/plugins.js:62:20)
    at createDescriptor (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:154:9)
    at /Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:109:50
    at Array.map (<anonymous>)
    at createDescriptors (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:109:29)
    at createPluginDescriptors (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:105:10)
    at /Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:63:53
ℹ ｢wdm｣: Failed to compile.

The expected behavior

正常运行。。。

Your environment(such as: Butterfly version、Browser version、OS and so on)

Butterfly version: 最新刚拉的。 Browser version:

版本 101.0.4951.64（正式版本） (arm64)

OS:

Steps To Reproduce, Maybe you can provide a simple demo.

➜  example git:(master) npm install --registry=https://registry.npm.taobao.org

npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: 3.x is no longer supported
npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated [email protected]: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.

added 1226 packages in 39s
➜  example git:(master) npm start

> [email protected] start
> webpack-dev-server

ℹ ｢wds｣: Project is running at http://localhost:8080/
ℹ ｢wds｣: webpack output is served from /butterfly-dag
ℹ ｢wds｣: Content not from webpack is served from /Users/smarttang/butterfly/example
ℹ ｢wds｣: 404s will fallback to /index.html
✖ ｢wdm｣: Hash: ae8d2d9d5ddd18c0ec1e
Version: webpack 4.41.6
Time: 473ms
Built at: 2022/06/03 下午9:37:23
 Asset     Size  Chunks             Chunk Names
app.js  910 KiB     app  [emitted]  app
Entrypoint app = app.js
[0] multi (webpack)-dev-server/client?http://localhost:8080 ./index.jsx 40 bytes {app} [built]
[./index.jsx] 1.28 KiB {app} [built] [failed] [1 error]
[./node_modules/ansi-html/index.js] 4.16 KiB {app} [built]
[./node_modules/ansi-regex/index.js] 286 bytes {app} [built]
[./node_modules/html-entities/lib/index.js] 449 bytes {app} [built]
[./node_modules/loglevel/lib/loglevel.js] 9.34 KiB {app} [built]
[./node_modules/strip-ansi/index.js] 150 bytes {app} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:8080] (webpack)-dev-server/client?http://localhost:8080 4.29 KiB {app} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.51 KiB {app} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {app} [built]
[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {app} [built]
[./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {app} [built]
[./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {app} [built]
[./node_modules/webpack-dev-server/client/utils/sendMessage.js] (webpack)-dev-server/client/utils/sendMessage.js 402 bytes {app} [built]
[./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {app} [built]
    + 19 hidden modules

ERROR in ./index.jsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/plugin-transform-modules-commonjs' from '/Users/smarttang/butterfly/example'
    at Function.resolveSync [as sync] (/Users/smarttang/butterfly/example/node_modules/resolve/lib/sync.js:111:15)
    at resolveStandardizedName (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/files/plugins.js:101:31)
    at resolvePlugin (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/files/plugins.js:54:10)
    at loadPlugin (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/files/plugins.js:62:20)
    at createDescriptor (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:154:9)
    at /Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:109:50
    at Array.map (<anonymous>)
    at createDescriptors (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:109:29)
    at createPluginDescriptors (/Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:105:10)
    at /Users/smarttang/butterfly/example/node_modules/@babel/core/lib/config/config-descriptors.js:63:53
ℹ ｢wdm｣: Failed to compile.

[noonnightstorm]

好的，收到，我们看看

[Zt448143356]

看了下。是按照你这样操作是存在这个问题。

正常按照readme里的操作是不会出现这个问题

现在发现，最外层安装依赖会存在问题。

-f后依然有新的问题

最后解法：缺啥装啥 "@babel/plugin-transform-modules-commonjs": "~7.15.0", 你可以先这样处理。我们后面修复下这一系列问题。

[smarttang]

好像明白了啥，就是先在外面npm install,然后进exp里再npm install ？ 但是不理解这个有啥问题？

[Zt448143356]

是这样的。 导致这个的问题是： 首先example里的依赖不全(就是缺报错里的那个)，然后这个依赖在外层有。根据这个找依赖的规则，里面没有就会去外面找。

如果先装了外面的依赖，这时候里面运行时找不到这个包，去外面找就可以找到。就不会报错。 如果没装外面的依赖，这时候里面运行时找不到这个包，去外面找也找不到。就会报前面那个错误。

你可以先去了解一些寻找这个依赖的规则和原理，就明白了。 缺啥依赖装一下就可以搞定的。

明白了的话，请close一下这个issue

[smarttang]

收到，我一会关掉，谢谢哈。

发自我的iPhone

在 2022年6月9日，09:37，Zt448143356 @.***> 写道：

 是这样的。 导致这个的问题是： 首先example里的依赖不全(就是缺报错里的那个)，然后这个依赖在外层有。根据这个找依赖的规则，里面没有就会去外面找。

如果先装了外面的依赖，这时候里面运行时找不到这个包，去外面找就可以找到。就不会报错。 如果没装外面的依赖，这时候里面运行时找不到这个包，去外面找也找不到。就会报前面那个错误。

你可以先去了解一些寻找这个依赖的规则和原理，就明白了。 缺啥依赖装一下就可以搞定的。

明白了的话，请close一下这个issue

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.