当前位置： 文江博客话题详情

如何使用babeljs将ES6代码汇编为ES5？

发布于 2025-01-23 04:23:41 字数 16679 浏览 3 评论 0原文

我想使用 react-vis 我的es5 project中的库。图书馆本身是用ES6编写的。因此，我遇到的错误，例如这个。

我当时想使用babel使用babel进行ES6对ES5进行ES5的转换，如在这里。因此，我克隆了react-vis repo并在下面执行了命令：

~/workspaces/react-vis/packages/react-vis$ yarn add babel-cli babel-preset-env

然后，创建.babelrc file at packages/react-vis/.babelrc ：

// .babelrc
{
    "presets": [
        "env"
    ]
}

然后我添加

"build2": "babel src -d build",

： href =“ https://github.com/uber/react-vis/blob/master/packages/react-vis/package.json” rel =“ nofollow noreferrer”> packages/eack-vis/pockation.json

最终执行以下命令：

~/workspaces/react-vis/packages/react-vis$ npm run build2

> [email protected] build2
> babel src -d build

SyntaxError: src/animation.js: Unexpected token (34:4)
  32 |   const {damping, stiffness} = animationStyle;
  33 |   return {
> 34 |     ...animationStyle,
     |     ^
  35 |     damping: damping || presets.noWobble.damping,
  36 |     stiffness: stiffness || presets.noWobble.stiffness
  37 |   };

但是，如您所见，在破坏时会变得意外的令牌。我哪里出错了？另外，是否有更好的解决方案可以在ES5项目中使用React-Vis库？

Update

看来我的YARN add失败了：

~/workspaces/react-vis/packages/react-vis$ yarn add babel-cli babel-preset-env
yarn add v1.22.17
[1/5] Validating package.json...
[2/5] Resolving packages...
warning babel-cli > [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
warning babel-cli > chokidar > [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
[3/5] Fetching packages...
[4/5] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "react@^16.8.3".
warning " > [email protected]" has unmet peer dependency "react-dom@^16.8.3".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > [email protected]" has unmet peer dependency "prettier@>= 1.13.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-showcase > [email protected]" has unmet peer dependency "@babel/core@^7.0.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis > [email protected]" has incorrect peer dependency "react-dom@^15.4.2".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/[email protected]" has unmet peer dependency "@babel/core@^7.0.1".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/[email protected]" has unmet peer dependency "babel-loader@^7.0.0 || ^8.0.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/addons@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/channels@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/theming@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/components@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/core-events@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > ocular > [email protected]" has unmet peer dependency "prop-types@^15.6.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/addon-knobs > @storybook/[email protected]" has unmet peer dependency "regenerator-runtime@*".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @storybook/[email protected]" has unmet peer dependency "@babel/core@*".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @storybook/[email protected]" has unmet peer dependency "babel-loader@^7.0.0 || ^8.0.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > [email protected]" has unmet peer dependency "@babel/core@^7.1.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > ocular > eslint-config-uber-jsx > [email protected]" has incorrect peer dependency "eslint@^2.0.0 || ^3.0.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > ocular > react-icons > [email protected]" has unmet peer dependency "prop-types@*".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @babel/preset-flow > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis > eslint-plugin-jest > @typescript-eslint/experimental-utils > @typescript-eslint/typescript-estree > [email protected]" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @babel/preset-flow > @babel/plugin-transform-flow-strip-types > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
[5/5] Building fresh packages...
[-/12] ⠁ waiting...
[2/12] ⠁ canvas-prebuilt
[3/12] ⠁ node-sass
[-/12] ⠁ waiting...
error /home/oem/workspaces/react-vis/node_modules/canvas-prebuilt: Command failed.
Exit code: 1
Command: node_modules/.bin/node-pre-gyp install
Arguments: 
Directory: /home/oem/workspaces/react-vis/node_modules/canvas-prebuilt
Output:
node-pre-gyp info it worked if it ends with ok
node-pre-gyp info using [email protected]
node-pre-gyp info using [email protected] | linux | x64
node-pre-gyp WARN Using request for node-pre-gyp https download 
node-pre-gyp info check checked for "/home/oem/workspaces/react-vis/node_modules/canvas-prebuilt/canvas/build/Release/canvas-prebuilt.node" (not found)
node-pre-gyp http GET https://github.com/chearon/node-canvas-prebuilt/releases/download/v1.6.11/canvas-prebuilt-v1.6.11-node-v93-linux-x64.tar.gz
node-pre-gyp http 404 https://github.com/chearon/node-canvas-prebuilt/releases/download/v1.6.11/canvas-prebuilt-v1.6.11-node-v93-linux-x64.tar.gz
node-pre-gyp ERR! install error 
node-pre-gyp ERR! stack Error: 404 status code downloading tarball https://github.com/chearon/node-canvas-prebuilt/releases/download/v1.6.11/canvas-prebuilt-v1.6.11-node-v93-linux-x64.tar.gz
node-pre-gyp ERR! stack     at Request.<anonymous> (/home/oem/workspaces/react-vis/node_modules/node-pre-gyp/lib/install.js:137:27)
node-pre-gyp ERR! stack     at Request.emit (node:events:532:35)
node-pre-gyp ERR! stack     at Request.onRequestResponse (/home/oem/workspaces/react-vis/node_modules/request/request.js:1059:10)
node-pre-gyp ERR! stack     at ClientRequest.emit (node:events:520:28)
node-pre-gyp ERR! stack     at HTTPParser.parserOnIncomingClient [as onIncoming] (node:_http_client:618:27)
node-pre-gyp ERR! stack     at HTTPParser.parserOnHeadersComplete (node:_http_common:128:17)
node-pre-gyp ERR! stack     at TLSSocket.socketOnData (node:_http_client:482:22)
node-pre-gyp ERR! stack     at TLSSocket.emit (node:events:520:28)
node-pre-gyp ERR! stack     at addChunk (node:internal/streams/readable:315:12)
node-pre-gyp ERR! stack     at readableAddChunk (node:internal/streams/readable:289:9)
node-pre-gyp ERR! System Linux 5.13.0-39-generic
node-pre-gyp ERR! command "/home/oem/.nvm/versions/node/v16.14.0/bin/node" "/home/oem/workspaces/react-vis/node_modules/canvas-prebuilt/node_modules/.bin/node-pre-gyp" "install"
node-pre-gyp ERR! cwd /home/oem/workspaces/react-vis/node_modules/canvas-prebuilt
node-pre-gyp ERR! node -v v16.14.0
node-pre-gyp ERR! node-pre-gyp -v v0.10.3

因此，尝试npm install，但这也失败了：

~/workspaces/react-vis/packages/react-vis$ npm install babel-cli babel-preset-env
npm notice 
npm notice New minor version of npm available! 8.3.1 -> 8.7.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.7.0
npm notice Run npm install -g [email protected] to update!
npm notice 
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react-dom
npm ERR!   dev react-dom@"^16.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react-dom@"^15.4.2" from [email protected]
npm ERR! node_modules/react-addons-test-utils
npm ERR!   dev react-addons-test-utils@">=15.4.2" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /home/oem/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/oem/.npm/_logs/2022-04-20T14_03_52_627Z-debug-0.log

更新2

i将我的NPM版本上映到8.7.0，现在能够进行npm install最新版本@babel/cli and @babel/预设-ENV。但是现在运行build2给出以下错误：

~/workspaces/react-vis/packages/react-vis$ npm run build2

> [email protected] build2
> babel src -d build

Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'babel-preset-env' imported from /home/oem/workspaces/react-vis/packages/react-vis/babel-virtual-resolve-base.js
    at new NodeError (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:2552:5)
    at packageResolve (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3208:9)
    at moduleResolve (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3242:18)
    at defaultResolve (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3281:13)
    at /home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3304:14
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:63:103)
    at _next (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:65:194)
    at /home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:65:364
    at new Promise (<anonymous>) {
  code: 'ERR_MODULE_NOT_FOUND'
}
npm ERR! Lifecycle script `build2` failed with error: 
npm ERR! Error: command failed 
npm ERR!   in workspace: [email protected] 
npm ERR!   at location: /home/oem/workspaces/react-vis/packages/react-vis
原文

I wanted to use react-vis library in my ES5 project. The library itself is written in ES6. So, I was getting errors such as this.

I was thinking to do ES6 to ES5 conversion of react-vis library using babel as explained here. So I cloned the react-vis repo and executed below command:

~/workspaces/react-vis/packages/react-vis$ yarn add babel-cli babel-preset-env

Then, created .babelrc file at packages/react-vis/.babelrc:

// .babelrc
{
    "presets": [
        "env"
    ]
}

Then I added:

"build2": "babel src -d build",

to packages/react-vis/package.json

and finally executed following command:

~/workspaces/react-vis/packages/react-vis$ npm run build2

> [email protected] build2
> babel src -d build

SyntaxError: src/animation.js: Unexpected token (34:4)
  32 |   const {damping, stiffness} = animationStyle;
  33 |   return {
> 34 |     ...animationStyle,
     |     ^
  35 |     damping: damping || presets.noWobble.damping,
  36 |     stiffness: stiffness || presets.noWobble.stiffness
  37 |   };

But then as you can see, am getting unexpected token at destructuring. Where did I go wrong? Also, is there any better solution to use react-vis library in ES5 project?

Update

It seems that my yarn add failed:

~/workspaces/react-vis/packages/react-vis$ yarn add babel-cli babel-preset-env
yarn add v1.22.17
[1/5] Validating package.json...
[2/5] Resolving packages...
warning babel-cli > [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
warning babel-cli > chokidar > [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
[3/5] Fetching packages...
[4/5] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "react@^16.8.3".
warning " > [email protected]" has unmet peer dependency "react-dom@^16.8.3".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > [email protected]" has unmet peer dependency "prettier@>= 1.13.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-showcase > [email protected]" has unmet peer dependency "@babel/core@^7.0.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis > [email protected]" has incorrect peer dependency "react-dom@^15.4.2".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/[email protected]" has unmet peer dependency "@babel/core@^7.0.1".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/[email protected]" has unmet peer dependency "babel-loader@^7.0.0 || ^8.0.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/addons@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/channels@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/theming@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/components@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > [email protected]" has unmet peer dependency "@storybook/core-events@>= 5.x".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > ocular > [email protected]" has unmet peer dependency "prop-types@^15.6.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/addon-knobs > @storybook/[email protected]" has unmet peer dependency "regenerator-runtime@*".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @storybook/[email protected]" has unmet peer dependency "@babel/core@*".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @storybook/[email protected]" has unmet peer dependency "babel-loader@^7.0.0 || ^8.0.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > [email protected]" has unmet peer dependency "@babel/core@^7.1.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > ocular > eslint-config-uber-jsx > [email protected]" has incorrect peer dependency "eslint@^2.0.0 || ^3.0.0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > ocular > react-icons > [email protected]" has unmet peer dependency "prop-types@*".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @babel/preset-flow > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis > eslint-plugin-jest > @typescript-eslint/experimental-utils > @typescript-eslint/typescript-estree > [email protected]" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning "workspace-aggregator-49cd9a63-a8d6-41e5-85ad-166e966bfd2e > react-vis-website > @storybook/react > @babel/preset-flow > @babel/plugin-transform-flow-strip-types > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
[5/5] Building fresh packages...
[-/12] ⠁ waiting...
[2/12] ⠁ canvas-prebuilt
[3/12] ⠁ node-sass
[-/12] ⠁ waiting...
error /home/oem/workspaces/react-vis/node_modules/canvas-prebuilt: Command failed.
Exit code: 1
Command: node_modules/.bin/node-pre-gyp install
Arguments: 
Directory: /home/oem/workspaces/react-vis/node_modules/canvas-prebuilt
Output:
node-pre-gyp info it worked if it ends with ok
node-pre-gyp info using [email protected]
node-pre-gyp info using [email protected] | linux | x64
node-pre-gyp WARN Using request for node-pre-gyp https download 
node-pre-gyp info check checked for "/home/oem/workspaces/react-vis/node_modules/canvas-prebuilt/canvas/build/Release/canvas-prebuilt.node" (not found)
node-pre-gyp http GET https://github.com/chearon/node-canvas-prebuilt/releases/download/v1.6.11/canvas-prebuilt-v1.6.11-node-v93-linux-x64.tar.gz
node-pre-gyp http 404 https://github.com/chearon/node-canvas-prebuilt/releases/download/v1.6.11/canvas-prebuilt-v1.6.11-node-v93-linux-x64.tar.gz
node-pre-gyp ERR! install error 
node-pre-gyp ERR! stack Error: 404 status code downloading tarball https://github.com/chearon/node-canvas-prebuilt/releases/download/v1.6.11/canvas-prebuilt-v1.6.11-node-v93-linux-x64.tar.gz
node-pre-gyp ERR! stack     at Request.<anonymous> (/home/oem/workspaces/react-vis/node_modules/node-pre-gyp/lib/install.js:137:27)
node-pre-gyp ERR! stack     at Request.emit (node:events:532:35)
node-pre-gyp ERR! stack     at Request.onRequestResponse (/home/oem/workspaces/react-vis/node_modules/request/request.js:1059:10)
node-pre-gyp ERR! stack     at ClientRequest.emit (node:events:520:28)
node-pre-gyp ERR! stack     at HTTPParser.parserOnIncomingClient [as onIncoming] (node:_http_client:618:27)
node-pre-gyp ERR! stack     at HTTPParser.parserOnHeadersComplete (node:_http_common:128:17)
node-pre-gyp ERR! stack     at TLSSocket.socketOnData (node:_http_client:482:22)
node-pre-gyp ERR! stack     at TLSSocket.emit (node:events:520:28)
node-pre-gyp ERR! stack     at addChunk (node:internal/streams/readable:315:12)
node-pre-gyp ERR! stack     at readableAddChunk (node:internal/streams/readable:289:9)
node-pre-gyp ERR! System Linux 5.13.0-39-generic
node-pre-gyp ERR! command "/home/oem/.nvm/versions/node/v16.14.0/bin/node" "/home/oem/workspaces/react-vis/node_modules/canvas-prebuilt/node_modules/.bin/node-pre-gyp" "install"
node-pre-gyp ERR! cwd /home/oem/workspaces/react-vis/node_modules/canvas-prebuilt
node-pre-gyp ERR! node -v v16.14.0
node-pre-gyp ERR! node-pre-gyp -v v0.10.3

So tried npm install, but that too failed:

~/workspaces/react-vis/packages/react-vis$ npm install babel-cli babel-preset-env
npm notice 
npm notice New minor version of npm available! 8.3.1 -> 8.7.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.7.0
npm notice Run npm install -g [email protected] to update!
npm notice 
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react-dom
npm ERR!   dev react-dom@"^16.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react-dom@"^15.4.2" from [email protected]
npm ERR! node_modules/react-addons-test-utils
npm ERR!   dev react-addons-test-utils@">=15.4.2" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /home/oem/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/oem/.npm/_logs/2022-04-20T14_03_52_627Z-debug-0.log

Update 2

I upgaded my npm version to 8.7.0 and now able to do npm install for latest versions @babel/cli and @babel/preset-env. But now running build2 gives following error:

~/workspaces/react-vis/packages/react-vis$ npm run build2

> [email protected] build2
> babel src -d build

Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'babel-preset-env' imported from /home/oem/workspaces/react-vis/packages/react-vis/babel-virtual-resolve-base.js
    at new NodeError (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:2552:5)
    at packageResolve (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3208:9)
    at moduleResolve (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3242:18)
    at defaultResolve (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3281:13)
    at /home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3304:14
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:63:103)
    at _next (/home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:65:194)
    at /home/oem/workspaces/react-vis/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:65:364
    at new Promise (<anonymous>) {
  code: 'ERR_MODULE_NOT_FOUND'
}
npm ERR! Lifecycle script `build2` failed with error: 
npm ERR! Error: command failed 
npm ERR!   in workspace: [email protected] 
npm ERR!   at location: /home/oem/workspaces/react-vis/packages/react-vis

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。
列表为空，暂无数据

关于作者

生来就爱笑

暂无简介

文章
评论
29 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

十二

文章 0 评论 0

飞烟轻若梦

文章 0 评论 0

OPleyuhuo

文章 0 评论 0

wxb0109

文章 0 评论 0

旧城空念

文章 0 评论 0

-小熊_

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文