web-dev-qa-db-ja.com

babel JSファイルは「@ babel / runtime / helpers / builtin / classCallCheck」を解決できません

node_modulesファイルを削除してnpmパッケージを再インストールするまで、プロジェクトは正常に動作していました。

このエラーが発生しています

./node_modules/react-event-listener/dist/react-event-listener.cjs.js
Module not found: Can't resolve '@babel/runtime/helpers/builtin/classCallCheck' in '/Users/suatkarabacak/Desktop/demarkedashboard/node_modules/react-event-listener/dist'

私のpackage.jsonはこのように見えます。

{
  "name": "demo",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "admin-on-rest": "^1.4.1",
    "aor-dependent-input": "^1.2.0",
    "aor-parseserver-client": "0.3.0",
    "aor-rich-text-input": "^1.0.1",
    "babel-runtime": "^6.26.0",
    "parse": "^1.11.1",
    "parse-react": "^0.5.2",
    "prop-types": "^15.6.2",
    "react": "^15.6.2",
    "react-dom": "^15.6.2",
    "react-image-lightbox": "^4.6.0",
    "react-images": "^0.5.19"
  },
  "devDependencies": {
    "@babel/runtime": "^7.0.0-beta.56",
    "aor-color-input": "^1.2.1",
    "babel-polyfill": "^6.23.0",
    "react-scripts": "^1.1.4"
  },
  "homepage": "demo.html",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

@babel/runtime files

組み込みのフォルダはありません。

何が問題なのでしょうか？

reactjsnpmbabeljsnode-modulesadmin-on-rest
10
Suat Karabacak

Babel 7.xはまだベータ版であるため、昨日リリースされたbeta.56に重大な変更がありました。

"@babel/runtime": "^7.0.0-beta.56",

ベータ版を使用している場合、バージョン番号に^を使用するのは危険です。これは、実際に以前のベータ版と互換性があるかどうかにかかわらず、最新バージョンを受け入れるためです。

react-scriptsは https://github.com/facebook/create-react-app/blob/1407287839f94151cec729bd89441d4eee7d9dd3/packages/babel-preset-react-app/package.json#L28 を使用しているため

"@babel/plugin-transform-runtime": "7.0.0-beta.46",

あなたはおそらく持っている必要があります

"@babel/runtime": "7.0.0-beta.46",

独自のpackage.jsonで一致させます。

16
loganfsmyth

Material-uiに依存しているためにこれに遭遇した場合：

Material-uiがpackage.jsonを更新して「^ 7.0.0-beta.42」ではなく「7.0.0-beta.42」を参照しているように見えます

問題：12409 を参照

2
artyn

7.0.0-beta.56バージョンを使用する場合、最も簡単な解決策は、builtin/フォルダー内にhelpers/フォルダーを手動で作成してから、そのコンテンツを移動またはコピーすることです。 helpers/builtin/内のhelpersフォルダー。このエラーメッセージは表示されなくなります。

0
ChrGiGa