Gatsby: [v2]エラー:モジュール 'core-js / modules /es6.array.filter'が見つかりません

作成日 2018年09月04日  ·  25コメント  ·  ソース: gatsbyjs/gatsby

説明

gatsby developは上記のエラーを返します

再現する手順

依存関係、モジュール、ページをコピーして、次のガイドに従ってサイトをv2からv2にアップグレードしました: https

環境

  System:
    OS: macOS High Sierra 10.13.6
    CPU: x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
    Shell: 5.3 - /bin/zsh
  Binaries:
    Node: 8.11.3 - /usr/local/bin/node
    Yarn: 1.7.0 - /usr/local/bin/yarn
    npm: 6.4.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 68.0.3440.106
    Safari: 11.1.2
  npmPackages:
    gatsby: 2.0.0-rc.9 => 2.0.0-rc.9 
    gatsby-plugin-canonical-urls: ^2.0.0-rc.1 => 2.0.0-rc.1 
    gatsby-plugin-google-tagmanager: ^2.0.0-rc.1 => 2.0.0-rc.1 
    gatsby-plugin-manifest: next => 2.0.2-rc.1 
    gatsby-plugin-offline: next => 2.0.0-rc.2 
    gatsby-plugin-react-helmet: ^3.0.0-rc.1 => 3.0.0-rc.1 
    gatsby-plugin-remove-trailing-slashes: ^2.0.0-rc.1 => 2.0.0-rc.1 
    gatsby-plugin-robots-txt: ^1.3.0 => 1.3.0 
    gatsby-plugin-sitemap: ^2.0.0-rc.1 => 2.0.0-rc.1 
    gatsby-plugin-styled-components: ^3.0.0-rc.1 => 3.0.0-rc.1 
    gatsby-source-apiserver: ^1.3.1 => 1.3.1 
    gatsby-source-filesystem: ^2.0.1-rc.1 => 2.0.1-rc.1 
    gatsby-source-wordpress: ^3.0.0-rc.1 => 3.0.0-rc.1 
    gatsby-transformer-javascript-frontmatter: ^2.0.0-rc.2 => 2.0.0-rc.2 
    gatsby-transformer-json: ^2.1.1-rc.1 => 2.1.1-rc.1 
  npmGlobalPackages:
    gatsby-cli: 1.1.58

babel-preset-envをインストールし、node_modulesを削除して再インストールしてみました。

最も参考になるコメント

ありがとうPiehええそれを試しました、私は恐れています。

私は実際にnpm install --save core-js実行してこれを修正しました

全てのコメント25件

ロックファイル(yarn.lock / package-lock.json)とnode_modulesを削除して、再インストールしてみてください。

ありがとうPiehええそれを試しました、私は恐れています。

私は実際にnpm install --save core-js実行してこれを修正しました

素晴らしい!

(スタックトレースを含む)完全なエラー出力がまだありますか? これがgatsby関連していて、サードパーティパッケージの1つに問題がない場合は、これを修正するとよいでしょうか。

Pieh私も同じ問題を抱えていたので、最終バージョンに再び追加する前に、7.0.0ベータバージョンでcore-js依存関係を削除することをbabelに特定しました。

@kmorf良い発見! 私も同じ問題を抱えています。

Pieh私も同じ問題を抱えていたので、最終バージョンに再び追加する前に、7.0.0ベータバージョンでcore-js依存関係を削除することをbabelに特定しました。

そうです、これはgatsby修正できるものではありませんか?

また、このエラーはノードまたはブラウザで発生しますか? これが実際にここで問題になるはずなのか、それとも私たちが制御できない上流で起こったものなのかを知るために、ここでもっと多くの情報が絶対に必要です:/

gatsbyがこれを修正しようとすべきではないと思います。 これが起こったときに失敗したさまざまなReactプロジェクトがたくさんあったので、ユーザーはdevDependenciesにcore-jsを追加しました。 babel 7.0.0がリリースされて以来、この問題は発生していません。

とりあえずこれを閉じましょう(再び:))

私はちょうど今再び問題に遭遇します。 gatsby-node.jsコミットを添付しています。 .forEach代わりに_.eachを使用すると、エラーが発生したと思います。

screen shot 2018-09-05 at 6 42 24 pm

私もこの問題の影響を受けており、 @babel/polyfillパッケージます。 現在の分析の詳細については、mdx-js / mdx#271も参照してください。 現在、これを取り除く唯一の回避策は、開発依存関係として@babel/polyfillを追加することです。これは、上記のリンクされた移行ガイドで説明されているように、多かれ少なかれcore-js v2パッケージのプロキシにすぎません。 。

私もこの問題を見ており、Babelの最近の変更がビルドを壊したものであることを確認できます。 現在、ギャツビーでこれをどのように修正できるかを調査しています。 ( core-jsdevDependencies追加しても、私が知ることができるビルドには何もしませんでした。)

@secretfader @babel/polyfilldevDependenciesに追加すると、必要なcore-jsポリフィルが自動的に読み込まれます。 必ずnode_modulesフォルダーと場合によってはpackage-lock.jsonファイルを削除し、 npm installを実行して、クリーンに解決された依存関係ツリーから始めてください。

問題を再現できます。 複製リポジトリを探している場合は、 https://github.com/mui-org/material-ui/blob/master/examples/gatsby/README.mdが適しています。

@secretfader @babel/polyfilldevDependenciesに追加すると、必要なcore-jsポリフィルが自動的に読み込まれます。 必ずnode_modulesフォルダーと場合によってはpackage-lock.jsonファイルを削除し、 npm installを実行して、クリーンに解決された依存関係ツリーから始めてください。

"@babel/polyfill": "^7.0.0",を追加し、それらの指示に従うことは私にとってはうまくいきませんでした。
core-jsの追加はnpm install --save core-js

@ ben-rogerson package-lock.jsonを削除した後、エラーが再度発生したため、コメントを更新する必要がありました。 依存関係が正しく解決されていないようですが、皮肉なことに、解決した後は機能しました。 npmがレインボーユニコーンの謎である場合があります:roll_eyes:mdx-js / mdx#271でも、メンテナが投稿したnpmでは機能しませんyarnすべてが正常に実行されます。

core-jsまたは@babel/polyfillを依存関係として追加したときの結果を試してみますが、 core-jsはすでにgatsby解決されているので、なぜ後で機能するのか興味があります。 devDependenciesソリューションの間に違いは見られません。

参考までに、最近、ギャツビーサイトの1つでYarnからNPMに切り替えたところ、この問題が発生しました。

@arcticicestudioが述べているように、 gatsbyが依存関係としてcore-jsをリストしていることを考えると、特に奇妙に思えます。

追加情報:.cache、node_modules、package-lock.jsonをクリーンアップし、npmを介してモジュールを再度インストールした後、
WebpackError: Cannot find module 'core-js/modules/es6.array.sort'
core-jsをインストールすると、問題が直接修正されます。

糸はcore-jsを追加します
それでもnode_modulesを削除できない場合は、yarnを使用してインストールし、cnpmを使用してインストールしないでください。

私もこの問題に直面しています。

もともと私はStorybookバージョン5.1.0-alpha.X 。 私が実行している場合はyarn why core-jsの主要なバージョンcore-js (に掲揚1 core-jsで) 2.6.5

今日Storybook 5.1.0-beta.0更新した後、 core-jsのホイストバージョンは3.0.1になり、何らかの理由でGatsbyビルドが壊れました。

Gatsbyが依存関係からcore-jsの実際のバージョンを解決しないのはなぜですか?

core-jsdevDependencies直接追加する回避策を試しましたが、問題は解決しませんでした。

私も同じ問題を抱えていました。

core-jsバージョンを2.6.5 (dev-dependency)にダウングレードすると、修正されました。

npm install --save core-jsなくなりました。

代わりにnpm install --save --dev [email protected]使用してください。

ただし、プロジェクトのディレクトリでnpm install --dev [email protected]を実行して、グローバルに保存しないようにしてください。

前の方法が機能しない場合は、次を使用します。

npm install --save [email protected] -g

これは機能しますが、実行しないでください

この問題の原因は、 npmを使用して、最初にyarn開始されたプロジェクトを更新して作業したことだと思います。 したがって、混乱します。 arcticicestudioが指摘したように。*

前の方法が機能しない場合は、次を使用します。

npm install --save [email protected] -g

このようなパッケージをグローバルにインストールすることは非常に悪い考えであり、そうする理由はありません。 ローカルに(ピン留めされたバージョンで)インストールするときに問題が発生する場合は、他のパッケージをすでにグローバルにインストールしていることが原因で、現在競合が発生している可能性があります。
このチケットの主な問題はnpmだと思います。 依存関係ツリーが正しく解決されていないようです。 私は昨年(主に_workspaces_のために) yarn切り替えましたが、二度と問題は発生しませんでした。 私は_npm_ユーザーはバージョンと希望を固定することによって回避策を使用する必要があると思いますその(彼らの新しいによって供給されます_npm_ 8ティンクその中で発表されたlibに、 _npmロードマップ夏2019_修正などの問題(またはに切り替えブログ記事) yarn _Gatsby_ベースのプロジェクトの場合は

ありがとうPiehええそれを試しました、私は恐れています。

私は実際にnpm install --save core-js実行してこれを修正しました

これでうまくいきました!

このページは役に立ちましたか?
0 / 5 - 0 評価