Moment: Webpackエラー：2.19.0にアップデートした後、モジュール「./locale」が見つかりません

私も同じですが、このエラーを確認しています。

こっちも一緒

確認できます：

This relative module was not found:

* ./locale in ./node_modules/moment/src/lib/locale/locales.js

OK、これを調べますが、それほど速くはありません。

誰かがリンクされているかどうかを確認/調査できる場合は、require関数の名前を変更しました。

https://github.com/moment/moment/pull/4213
https://github.com/moment/moment/pull/4214

ここでも同じ問題があります。 ダウングレードすると問題は解決しますか？

ここでも同じですが、私が取り組んでいる複数のアプリを壊しました。

@patricksteenks ：はい。 package.json "moment": "2.18.1"このように修正してください

@ichernevねえ、でも私はインポートせずにロケールを使用しています。 import moment from 'moment'を使用して、このmoment(date).locale('uk').format('ddd')ように使用します。 私が理解したように、インポートをlocale 。 私の場合、どうすればこれを修正できますか？

Angular-CLIでビルドされたプロジェクトで同じ問題

確認済み。

VueJS 2Webpackビルドも影響を受けます。 一時的な修正はGautierTが提案したとおりです（momentjsのダウングレード）

package.json （moment 2.19のmoment-timezone depに関​​する問題）

    "moment": "2.18.1",
    "moment-timezone": "^0.5.13",

package.json （一般的な問題）

    "moment": "2.18.1"

これも起こっていることを確認できます！

確認できます。
package.json

"moment": "2.18.1"

@renedxこの行だけで十分

Angular4アプリケーションでも同じです。
2.18.1にダウングレードされました（package.jsonの厳密なバージョン番号）

これにも打たれました。 動的な「require」を認識するために何らかの魔法をかけているのはwebpackであり、新しい名前では認識できなくなったため、ロケールがパッケージにバンドルされることはないのではないかと思います。

（ちなみに、この状況全体は、ES6の動的インポートの目的とまったく同じように聞こえます。夢見ることができます:-)

このページからwebpackで使用し

new IgnorePlugin(/^\.\/locale$/, /moment$/)

今それを削除します

そして必要に応じて

const moment = require('moment');

今

const moment = require('moment').default;

厳密に言えば、Angular接続は、ほとんどのAngularプロジェクトが内部でWebpackを使用するAngular-CLIを使用しているためだと思います。 ただし、そのスタック内の特定のWebpack構成に関連している可能性があります。
ただし、これはかなり一般的なバンドルの問題のようです。

悔い改め、悔い改め、終末はここにあります！

こっちも一緒。

import moment from "moment"
import "moment/locale/fr"
moment.locale("fr")

WARNING in ./node_modules/moment/src/lib/locale/locales.js
Module not found: Error: Can't resolve './locale' in '/Users/kud/Projects/_contexte/lois-webapp/node_modules/moment/src/lib/locale'
 @ ./node_modules/moment/src/lib/locale/locales.js 65:16-60
 @ ./node_modules/moment/src/lib/locale/locale.js
 @ ./node_modules/moment/src/moment.js
 @ ./src/index.js

ここでも同じです-パッケージのデフォルト設定をオーバーロードするためのyarnの機能で修正しました：

これをメインのpackage.jsonに配置します（モーメントを直接ロードしない場合は、モーメントをロードするパッケージの名前に「moment-timezone」を適用します）：

  "resolutions": {
    "moment-timezone/moment": "2.18.1"
  },

10kmの小惑星のように....ここでも同じ...

MCVE： https ：

修正のためのETAとは何ですか？

さて、ここに私たちがいるところです：

• 依存関係を2.18.1に設定すると、すべてが正常になります。
• これはhttps://github.com/moment/moment/pull/4213の問題です
• 私はWebpackとReactNativeチームの両方を利用して、すべての関係者にどのような修正が機能するかについて話し合いました。
• 依存関係を2.18.1に設定すると簡単に軽減できるため、現時点ではロールバックしたくありません。 代わりに、WebpackとReact Nativeからのフィードバックを待って、この状況を前進させるために何をすべきかについて合意に達することができるかどうかを確認したいと思います。 そのため、修正に関するETAはありません。
• MCVEはここで見つけることができます： https ：

create-react-appCLIで作成されたreactアプリの実行時にエラーが確認されました。

このダウングレードの瞬間とmonent-timezoneバージョンを解決しました。

npm install [email protected]は一時的な修正であるため、 package.json複数回更新する必要はありません。 これはおそらくすぐに修正されるでしょう、そしてあなたはnpm iすることができます。

@aheissenbergerこれは私の命を救いました、私はrc-calendarで同じ問題を抱えていました、それが糸1.2.0で動作することを確認できます。

同じ問題のwebpack3.6.0 +モーメント2.19.0。 2.18.1で正常に動作しました

他の人も同じ問題を抱えている可能性があります。2.19.0に更新していなくても、package.jsonに^2.18.1 。 私はそれを変更2.18.1なし^ 、と私たちは2.19.xが安全である知ってまで、今では2.18.1よりも高いものをインストールしません

@ichernevは、「require」の名前変更がこれらの広範囲にわたる破損を引き起こしている可能性が非常に高いようです。 そのような参照を使用するモジュールが必要な場合、依存関係を判別するためにAST静的分析を使用するため、webpackがインポートを検出できないことを意味していると思われます。

おそらく、元の問題を回避するためのより良い方法があるかもしれないので、修正していたReact Nativeの問題の詳細を提供できますか？

私たちのプロジェクトでは、 yarn 1.0.2 、 create-react-appおり、これらの部門はpackage.json

"dependencies": {
    "@types/history": "^4.5.0",
    "@types/jest": "^20.0.6",
    "@types/material-ui": "^0.18.2",
    "@types/moment-timezone": "^0.5.0",
    "@types/node": "^8.0.20",
    "@types/react": "^16.0.10",
    "@types/react-big-calendar": "^0.14.0",
    "@types/react-dnd": "^2.0.33",
    "@types/react-dnd-html5-backend": "^2.1.8",
    "@types/react-dom": "^16.0.1",
    "@types/react-modal": "^1.6.6",
    "@types/react-redux": "^4.4.40",
    "@types/react-router-dom": "^4.0.4",
    "@types/react-router-redux": "^5.0.0",
    "@types/redux": "^3.6.0",
    "@types/redux-logger": "^3.0.0",
    "@types/redux-promise-middleware": "^0.0.6",
    "@types/validator": "6.3.0",
    "lodash": "^4.17.4",
    "material-ui": "0.19.2",
    "material-ui-datatables": "^0.18.2",
    "material-ui-fullscreen-dialog": "0.7.1",
    "moment": "2.18.1",
    "moment-timezone": "^0.5.13",
    "react": "^15.6.1",
    "react-barcode": "^1.2.0",
    "react-big-calendar": "^0.15.0",
    "react-bootstrap": "^0.31.0",
    "react-bootstrap-table": "^3.4.2",
    "react-bootstrap-time-picker": "^1.0.3",
    "react-dnd": "^2.4.0",
    "react-dnd-html5-backend": "^2.4.1",
    "react-dock": "^0.2.4",
    "react-dom": "^15.5.4",
    "react-modal": "^1.7.7",
    "react-pdf-js": "^2.0.5",
    "react-phone-number-input": "^0.12.10",
    "react-print": "^1.3.1",
    "react-redux": "5.0.6",
    "react-router-dom": "^4.1.1",
    "react-router-redux": "next",
    "react-tap-event-plugin": "^2.0.1",
    "react-transition-group": "^1.1.1",
    "redux": "3.7.2",
    "redux-logger": "^3.0.1",
    "redux-persist": "^4.8.0",
    "redux-promise-middleware": "4.2.1",
    "reselect": "^3.0.1",
    "validator": "8.2.0",
    "zxcvbn": "^4.4.2"
 }

"moment": "2.18.1"を使用していますが、まだ取得しています

糸の問題の回避策はありますか？

@ggsjyoon ：WebPackが監視しているファイルの1つを更新して再生成し、キャッシュされたバージョンを削除する必要があることを思い出すまで、同様の状況が発生しました（まだエラーが発生します）。

+1

@ggsjyoonパッケージの1つから追加の要件がある可能性があります（例：moment-timezone）-私のヒントhttps://github.com/moment/moment/issues/4216#issuecomment-335489518を使用してこれをyarnで修正できます

私は変更することでこれを乗り越えることになりました：

import * as moment from 'moment';

に：

import * as moment from 'moment/moment';

+1

@morrisonbrettこれは機能します。 ありがとう

@GautierTの提案を確認することは私のために働きます。

@morrisonbrettのために働いていたものを見て@maggiepint、私は＃4213が問題ではないかもしれないことを考えています。 2.19では、別の新しい変更、package.jsonのモジュールフィールドが導入されました。つまり、以前はwebpackがトランスパイルバージョンを使用していました。

React NativeでES6をオンにすると、＃4187をブロックする問題のほとんどが発生し、＃3904（開発ブランチではかなりの期間のみ）がすべてのWebpackユーザーに同じ変更を加えました。

@ tqc-おそらく両方です。 @thelarkinnは、webpackが動的に必要なものを望まないことをすでに確認しています。

ここで同じ問題、更新はありますか？

@maggiepintええ、そのコメントを書いた直後に、スレッドの最後のバグは最初のバグとまったく同じではないことに気づきました。 ES6側は、 module.exports = require(‘moment’).defaultようなもので修正できるかもしれませんが、それでもツリーの揺れが可能かどうかはわかりません。ノードの調和は、インポートとrequireの混合を好みません。

webpackエイリアシングによって解決：

  resolve: {
    alias: {
      'moment$': 'moment/moment',
    },
  },

誰かがwebpackを壊した2.19のすべてのビットを理解し、「悪い」部分を元に戻す最小限のPR（2.19.0に基づく）を提案できますか？2.19.1にマージすることを検討します。

1000回「私も」と言っても、テーブルにあまり影響を与えません。

@morrisonbrettのソリューションは機能しますimport * as moment from 'moment/moment';

これと同じ問題をAngular-CLIv1.4.4で確認できます。 私のプロジェクトではmomentjsを使用していないため、momentjsに関連するエラーを最初に見たときは驚きましたが、調査した後、その注入をWebPackまでさかのぼりました。

ビルド時の警告メッセージは次のとおりです。

WARNING in ./node_modules/moment/src/lib/locale/locales.js
Module not found: Error: Can't resolve './locale' in '/Users/scott/Development/web-admin/node_modules/moment/src/lib/locale'
resolve './locale' in '/Users/scott/Development/web-admin/node_modules/moment/src/lib/locale'
  using description file: /Users/scott/Development/web-admin/node_modules/moment/package.json (relative path: ./src/lib/locale)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: /Users/scott/Development/web-admin/node_modules/moment/package.json (relative path: ./src/lib/locale)
    using description file: /Users/scott/Development/web-admin/node_modules/moment/package.json (relative path: ./src/lib/locale/locale)
      as directory
        /Users/scott/Development/web-admin/node_modules/moment/src/lib/locale/locale doesn't exist
[/Users/scott/Development/web-admin/node_modules/moment/src/lib/locale/locale]
 @ ./node_modules/moment/src/lib/locale/locales.js 65:16-60
 @ ./node_modules/moment/src/lib/locale/locale.js
 @ ./node_modules/moment/src/moment.js
 @ ./src/app/admin-analytics/admin-analytics.component.ts
 @ ./src/$$_gendir/app/app.module.ngfactory.ts
 @ ./src/main.ts
 @ multi ./src/main.ts

import * as moment from 'moment/moment';方法も試しましたが、運が悪かったです。

ねえ@ kud 、 @ AleshaOleg –まだロケールをインポートしようとしている場合：
それ以外の：
import 'moment/locale/*
試す：
import 'moment/src/locale/*'

ここで同じ問題と戦ってきました...
–––
@AleshaOleg ：あなたのユースケースでは次のようになると思います：
import moment from 'moment'
import 'moment/src/locale/uk'
次に、 moment(date).format('ddd')電話します

ありがとう@dialnco ！

2.19.0に更新するときに、ロケールを読み込もうとするコードを完全に無効にすることで、この問題に対処することになりました。

({
  test: /moment\/src\/lib\/locale\/locales.js$/,
  enforce: 'pre',
  use: {
    loader: 'imports-loader',
    options: {
      module: '>undefined', // this disables the if
      require: '>false' // this prevents webpack from trying to parse the requires
    }
  }
})

次に、すべてのロケールをロードする代わりに、アプリケーションの必要に応じて、 import 'moment/src/locale/ja' 、 import 'moment/src/locale/pt-br'などを手動で追加しました。 クリエイティブな場合は、代わりに動的なimport()使用して、アプリケーションに必要な言語のみをロードできます。

これを行う場合は、 import 'moment/locale/foo'ではなく、 import 'moment/src/locale/foo'を実行することが非常に重要です。 ロケールファイルがmoment自体を参照しようとする方法のため、代わりにmoment 2番目のコピー（今回はESMビルドではなくUMDビルド）をバンドルします。次に、すべてのロケールを再度ロードします。

これが誰かに役立つことを願っています（ @patsissonsのおかげで上記のコメントのオプション1と2）：
-moment.jsをロードするモジュールがないが、アプリにロードする場合は、古いバージョンに移動するだけです
-依存関係にmoment.jsも含まれているモジュールがある場合、上記の方法では役に立たない場合は、webpackの構成を変更する必要があります。
{..。
解決： {
..。
エイリアス：{
'moment $'： 'moment / moment'、
}
}
}

-しかし、react-create-appを使用していて（私のように）、ビルドをできるだけ早く行う必要がある場合は、「npmイジェクト」を実行する唯一のオプションです。これにより、webpackconfigと2番目にアクセスできるようになります。オプションが利用可能になります。

申し訳ありませんが、ここで機能する唯一の方法はでした。 https://github.com/moment/moment/issues/4216#issuecomment -335637520

まだ

import moment from "moment"
import "moment/locale/fr"
moment.locale("fr")

しかし、webpackに追加します

    resolve: {
      alias: {
        'moment$': 'moment/moment',
      }
    },

何らかの理由で、yarnはpackage.jsonからの私の「解像度」設定を無視しました。
モーメントタイムゾーンを使用して

[email protected]:
  version "2.18.1"
  resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f"

"moment@>= 2.9.0":
  version "2.18.1"
  resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f"

修正2.19.1を待ちます...。

誰かが実際の問題がここにあることを説明できますか？ webpackがエイリアスされたrequire（）を識別しないというだけですか？

@TomMettam 2.19.0は、moment / src / momentのes6コードでwebpackをポイントしました。これはmoment / momentとまったく同じインターフェイスをエクスポートしません。

その上、エイリアスされたrequireは、動的に要求される可能性のあるすべてのファイルをwebpackがパッケージ化するのを防ぎます。 ロケールファイルを手動でインポートすることは機能しますが、moment / localeからインポートするという明白な選択により、実際に使用しているものとは異なるモーメントのインスタンスにそれらがロードされます。

そして、それがすべて単純すぎる場合は、yarn / npmのさまざまなバージョンの動作に違いがあります-ルートアプリのnode_modulesフォルダーにあるパッケージのインスタンスを使用するバージョンのnpmを使用していますが、他のバージョンでは使用されているpackagをオーバーライドするのは困難です。

マイナーバージョンでエクスポート署名を変更するのは良い考えだと誰が決めましたか？

これはまた、瞬間に依存しているサードパーティのライブラリを壊すことに注意してください

+1

マイナーアップグレードには使用できません。

背後にある考え方は理解していますが、semverについてはもっと厳しくしてください。

@darkalorそれは意図的なものではありませんでした-問題のエクスポート署名は、限られた状況でのみ実質的に異なります-多数のユーザーに公開されるまでは問題なく機能するようです。

@ darkalor @ kud-リグレッションが発生します。 建設的になるようにしてください。 誰もがこれが起こってはならないことを知っており、暴言は誰の助けにもなりません。

@TomMettamはい、それは起こりますが、それが起こったとき、あなたはそれに対処することができます、そして私はあなたがそれをマイナーではなくメジャーとしてアップグレードできることを意味します。 それで全部です。 私は誰のせいでもありません。誰かが「オーケー、アップグレードできます。マイナーなので、アップグレードできます」と思った場合、この場合はかなり間違っているという状況を非難します。 ;）

私はその場で行われたすべての作業に感謝しますが、私は不安定な状況についてのみ話します。

誰も怒らせません、ごめんなさい。

@kudは、リグレッションが存在することを知る前にバージョン番号を選択する必要がある場合ではありません。 瞬間的な環境の数をサポートするために必要な複雑さのレベルは、非常に印象的なものです。

@tqcしかし今あなたはそれを知っています、それが問題です。 @TomMettamが以前に

タグの削除または追加が可能です。

とにかく、ここではもうスパムを送信しません。回避策をありがとうございます。 変更ログに、この問題をフォローしていない他の人へのメモを追加しました： https ：//gist.github.com/ichernev/5f3f4eb02761b4f765a0cccf02cec603#gistcomment -2226628

すてきな一日を。 :)

私はパッケージマネージャーとしてyarnを使用しています。 何らかの理由で、package.jsonファイルに加えた変更を反映するようにyarn.lockファイルが更新されませんでした。 @daniesyが言ったように私の設定。 問題は、yarn.lockファイルのmoment-timezoneがまだmomentバージョン '^ 2.18.1'に依存していたことでした。

それを修正するために、私はヤーンキャッシュをきれいに実行しました：
yarn cache clean

それで ：
yarn install

うまくいけば、これにより、 yarn.lockファイルが次の行に沿って再生成されるはずです。

[email protected]:
  version "0.5.13"
  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.13.tgz#99ce5c7d827262eb0f1f702044177f60745d7b90"
  dependencies:
    moment ">= 2.9.0"

[email protected], [email protected], "moment@>= 2.9.0", moment@^2.17.1:
  version "2.18.1"
  resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f" 

いずれにせよ、ちょうど、あなたのヤーンロックがどのモジュールにも2.18.1より大きいモーメントバージョンを含めようとしていないことを確認してください-特にモーメント-タイムゾーンとモーメント。

修正があると思います： https ：

最良の部分-これはwebpackとネイティブの反応の両方で機能すると思います-悲しみはありません！
私はwebpackでテストしましたが、react Nativeテストを使用している人はいますか？ npmリンケージを使用してテストする前に、gruntreleaseを実行してファイルをビルドする必要があることに注意してください。

@ maggiepint -Angular-CLIでも機能する可能性はありますか？

2.19.1がリリースされました。試してみてください

Webkitで動作します。

@ichernevと関係者全員に感謝します！

@ichernev ： 2.19.1は私のために働いています。
React16。
create-react-app。
排出されない

このようにロードされたモーメント：

import moment from 'moment'
import 'moment/locale/fr'

修正していただきありがとうございます。 👍

angle-cli / webpackを使用して別のVSTSビルドを起動し、環境に再デプロイしました

すべてが正常に戻る

ありがとう

私も、この問題がAngular-CLIv1.4.4で解決されていることを確認できます。 ありがとう！

typescript / webpack / karma / phantomjsで動作します。 修正してくれてありがとう！

それを機能させるために、私は少し前にロケールファイルを含めました。
import 'moment/locale/de'; import moment from 'moment';
そして後でしました
moment.locale("de");

「バージョン」にはまだ存在しているようです：「2.22.2」？

私も2.22.2を使用しています。 問題はまだ存在します

2.22.2を使用していますが、同じ問題が発生しています。

上記のように。 同じ問題、同じバージョン。

反応ネイティブを使用し、リリースビルドでこのエラーを確認します。

09-04 13:47:38.684 26530 26554 E ReactNativeJS: Requiring unknown module "./locale/de".
09-04 13:47:38.693 26530 26555 E AndroidRuntime: FATAL EXCEPTION: mqt_native_modules
09-04 13:47:38.693 26530 26555 E AndroidRuntime: Process: com.integreat, PID: 26530
09-04 13:47:38.693 26530 26555 E AndroidRuntime: com.facebook.react.common.JavascriptException: Requiring unknown module "./locale/de"., stack:
09-04 13:47:38.693 26530 26555 E AndroidRuntime: c<strong i="6">@2</strong>:649
09-04 13:47:38.693 26530 26555 E AndroidRuntime: i<strong i="7">@2</strong>:394
09-04 13:47:38.693 26530 26555 E AndroidRuntime: t<strong i="8">@2</strong>:324
09-04 13:47:38.693 26530 26555 E AndroidRuntime: vt<strong i="9">@882</strong>:16755
09-04 13:47:38.693 26530 26555 E AndroidRuntime: Mt<strong i="10">@882</strong>:17781
09-04 13:47:38.693 26530 26555 E AndroidRuntime: Mn<strong i="11">@882</strong>:29014
09-04 13:47:38.693 26530 26555 E AndroidRuntime: value<strong i="12">@1006</strong>:1442
09-04 13:47:38.693 26530 26555 E AndroidRuntime: qn<strong i="13">@108</strong>:40634
09-04 13:47:38.693 26530 26555 E AndroidRuntime: tr<strong i="14">@108</strong>:46334
09-04 13:47:38.693 26530 26555 E AndroidRuntime: Nr<strong i="15">@108</strong>:56528
09-04 13:47:38.693 26530 26555 E AndroidRuntime: Ur<strong i="16">@108</strong>:56960
09-04 13:47:38.693 26530 26555 E AndroidRuntime: ui<strong i="17">@108</strong>:61804
09-04 13:47:38.693 26530 26555 E AndroidRuntime: oi<strong i="18">@108</strong>:61224
09-04 13:47:38.693 26530 26555 E AndroidRuntime: Ue<strong i="19">@108</strong>:68050
09-04 13:47:38.693 26530 26555 E AndroidRuntime: Ie<strong i="20">@108</strong>:14248
09-04 13:47:38.693 26530 26555 E AndroidRuntime: We<strong i="21">@108</strong>:14421
09-04 13:47:38.693 26530 26555 E AndroidRuntime: receiveTouches<strong i="22">@108</strong>:15235
09-04 13:47:38.693 26530 26555 E AndroidRuntime: value<strong i="23">@18</strong>:3352
09-04 13:47:38.693 26530 26555 E AndroidRuntime: <unknown><strong i="24">@18</strong>:935
09-04 13:47:38.693 26530 26555 E AndroidRuntime: value<strong i="25">@18</strong>:2621
09-04 13:47:38.693 26530 26555 E AndroidRuntime: value<strong i="26">@18</strong>:907

2.22.1は動作します

まだ私のために働いていません

2.18.1を動作させることもできません

2.22.1 ftw lol

v2.22.2でのリグレッションにも気づきました。 2.22.1にロールバックすると、修正されました。

皆さんこんにちは、

同じ問題がありました（LaravelでWebpackを使用）。 これは理想的ではありませんが、私にとってうまくいった簡単な修正は、moment.jsまたはmoment-with-locale.jsファイルと一緒にリポジトリの「locale」フォルダをコピーすることです。

また、 v2.22.2ます。

それを機能させるために、私は少し前にロケールファイルを含めました。
import 'moment/locale/de'; import moment from 'moment';
そして後でしました
moment.locale("de");

@ mj1856この問題を再度開くのが適切ですか、それとも新しい/新しい問題を作成する必要がありますか？ 私もこれを見ています。 私の場合、2.22.1にロールバックしても修正されなかったため、 @ patsissons修正を使用してwebpackを再び満足させる必要がありました。

同じ

https://momentjs.com/docs/#/use -it / typescript /のドキュメントで説明されているように、allowSyntheticDefaultImportsを使用しましたが、 Cannot find module "./locale"エラーが解決されました。 インポートの上の// @ts-ignoreも私のIDEで必要だったことに注意してください。

同じ質問、 moment：'2.18.1'

これはまだアドバイスされていますか： import moment from "moment/min/moment-with-locales"; ？

b / c [email protected]とCRAで同じ（？）エラーが発生します：

./node_modules/moment/min/moment-with-locales.js
Module not found: Can't resolve './locale' in '/...myproject/node_modules/moment/min'

これらすべてのインターネット通行人のために、ロールアップを使用してビルドする場合に修正できる方法は次のとおりです。

rollup-plugin-node-resolveを使用していると仮定します：

import commonjs from "rollup-plugin-commonjs";
import nodeResolve from "rollup-plugin-node-resolve";

export default {
    // your config...
    plugins: [
        nodeResolve({
            mainFields: ["module", "jsnext:main", "main"],
            preferBuiltins: false,
        }),
        commonjs({
            include: "node_modules/**",
        }),
    ]
}

moment持つpackage.jsonためのエントリjsnext:main私たちはここに活用することができます。 ビルドプロセス中にロケールを含めます。 バンドルサイズは大きくなりますが、コンソールエラーは防止されます😅

Reactアプリケーションのmomentバージョン2.24.0でも同じ問題が発生します。 この問題はまだ解決されていないと思います。

Reactアプリケーションのmomentバージョン2.24.0でも同じ問題が発生します。 この問題はまだ解決されていないと思います。

確認しています。 「瞬間」：「2.24.0」。 2.18.1問題を解決しない。 ノードv12.16.0

ここでも同じですが、私のPreactプロジェクトは2.24.0です。

まだこの問題に遭遇しています助けてください!!

私にとって、壊れた： "moment"： "^ 2.24.0"（2.25.0に解決）
壊れていない：「瞬間」：「2.24.0」

ヤーンを使用する場合は、解像度ブロックを追加して、サブ依存関係のバージョンをオーバーライドします。

  "resolutions": {
    "moment": "2.24.0"
  }

"moment": "2.24.0"を使用し、 @ rilyuが提案したように、解決策を使用します。 私のために働いた。

「2.24.0」に戻し、「^」を削除するとうまくいきました。 彼らの最新バージョンは昨夜プッシュされ、それを捨てているようです。

"moment": "^2.24.0",問題に直面しています。
Uncaught Error: Cannot find module './locale' at

同じ問題。 @enewhuisソリューションで解決し

同じ問題。 @enewhuisソリューションで解決し

ソリューション@enewhuisおよび@rilyuの問題を解決しました。 ありがとう。

同じ問題。 救助のための@enewhuisソリューション

私にとって、壊れた： "moment"： "^ 2.24.0"（2.25.0に解決）
壊れていない：「瞬間」：「2.24.0」

ありがとう男、私は一日中これに苦労しています

ここで同じエラーと同じ修正。 私はmoment-timezoneを使用していました。

前：

    "moment-timezone": "^0.5.28",

後：

    "moment": "2.24.0",
    "moment-timezone": "^0.5.28",

ここで同じエラーと同じ修正。 私はmoment-timezoneを使用していました。

前：

    "moment-timezone": "^0.5.28",

後：

    "moment": "2.24.0",
    "moment-timezone": "^0.5.28",

私のために働いていない-

    "moment": "2.24.0",
    "moment-timezone": "0.5.28",

上記の修正は私には機能しません。 ノードv12.6.0、yarn v1.22.4、react-scripts-ts

で私たちのために働いた

  "resolutions": {
    "moment": "2.24.0"
  },  

と

 "moment": "2.24.0",
  "moment-timezone": "0.5.28",

糸を使用

解像度ブロックなしでは機能しませんでした。

はい、 resolutionsブロックの追加がうまくいったことを確認できます。 理由はわかりませんが...

ありがとう@mtogstad ！

@mtogstadソリューションは機能します！

このエラーがランダムに表示され、reactアプリを破壊する方法がわかりません

@bodyfarmer解決方法の手順を書き留めていただけますか？
私はreactアプリで同じ問題に直面しています。

@hasanmehmood私の場合、CMDでこのように瞬間の依存関係をダウングレードするだけで十分でした。

npm install [email protected]

これがあなたにも役立つことを願っています。

こんにちはみんな！
過去数時間から同じ問題に直面し、最終的にモーメントバージョンを変更することで問題を解決しました。

上記のコメントで私は最終的な解決策を見ました。

理由：
_momentは17時間前に新しいバージョンを2.24.0から2.25.0にリリースします_

解決：
ステップ1：バージョンを変更する

• 「瞬間」：「2.24.0」、
• "moment-timezone"： "^ 0.5.28"、

ステップ2：糸を使用している場合は、次のようにpackage.jsonファイルに解像度を追加してください
「依存関係」{
「瞬間」：「2.24.0」、
"moment-timezone"： "^ 0.5.28"
}、
「解像度」：{
「瞬間」：「2.24.0」
}、

ありがとうございます。

ありがとう、 @ jolalla 、私は最初にバージョンをダウングレードしようとしましたが、それは私にとってはうまくいきませんでした。 最後に解像度ブロックを追加すると、いくつかの魔法が示されました:)

彼らのreactアプリで同様の問題に直面している他の人のために。 彼らはそれを解決するために次の2つのステップを実行できます。

依存関係で、
"moment": "^2.24.0",
と
"moment": "2.24.0",

そして、package.jsonに解像度ブロックを追加します

"resolutions": {
    "moment": "2.24.0"
  }

なぜこの問題は解決されたのですか！？！??！？

モーメントの使用量が少ない1つのプロジェクトで行ったことであるルクソンに切り替える良い機会です。

同じ問題を抱えている
「解像度」：{
「瞬間」：「2.24.0」
}
私の問題を解決します。
ありがとう。

他に試すことができるものはありますか？ "moment": "2.24.0" 、および
"resolutions": { "moment": "2.24.0" }
私のためにそれを修正していません。 これはHerokuデプロイメント用です。 どんなアイデアでも大歓迎です。

たまたま他の誰かがmonorepoを持っている（および/またはpackage.jsonでワークスペースを使用している）場合、前の瞬間のリリース2.24.0を使用するための「解決策」の修正は、ルートレベルのpackage.jsonに適用された場合にのみ機能します。 私たちの場合、次のことをしなければなりませんでした。
{「解像度」：{「** /モーメント」：「2.24.0」}}。

モーメントリリース2.25ができるだけ早く正しく修正されることを心から願っています！

ヤーンを使用する場合は、解像度ブロックを追加して、サブ依存関係のバージョンをオーバーライドします。

  "resolutions": {
    "moment": "2.24.0"
  }

私はこれに1時間取り組んできました。 ^を削除すると役立ちます。

create-react-appを使用していて、CRAを排出したくない人のために、次のものをインストールできます。

• カスタマイズクラ
• react-app-rewired

次に、プロジェクトのルートディレクトリにconfig-overrides.jsを作成して、さらにオーバーライドします。

module.exports = function override(config, env) {
  // do stuff with the webpack config...
  return config;
};

package.jsonを編集します：

"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",

私はantデザインを使用しているので、 config-overrides.jsは次のようになります。

const { override, fixBabelImports } = require("customize-cra");
const webpack = require("webpack");

const fixMomentJs = (config) => {
  config.plugins.push(
    new webpack.ContextReplacementPlugin(/^\.\/locale$/, (context) => {
      if (!/\/moment\//.test(context.context)) {
        return;
      }
      // context needs to be modified in place
      Object.assign(context, {
        // include locales
        regExp: /^\.\/(fr|en)/,
        // point to the locale data folder relative to moment's src/lib/locale
        request: "../../locale",
      });
    })
  );
  return config;
};

module.exports = override(
  fixMomentJs,
  fixBabelImports("import", {
    libraryName: "antd",
    libraryDirectory: "es",
    style: "css",
  })
);

しかし、あなたのものはもっと単純になるでしょう、私が思うにこのようなもの：

module.exports = function override(config, env) {
  config.plugins.push(
    new webpack.ContextReplacementPlugin(/^\.\/locale$/, (context) => {
      if (!/\/moment\//.test(context.context)) {
        return;
      }
      // context needs to be modified in place
      Object.assign(context, {
        // include locales
        regExp: /^\.\/(fr|en)/,
        // point to the locale data folder relative to moment's src/lib/locale
        request: "../../locale",
      });
    })
  );
  return config;
};

ありがとう、 @ jolalla 、私は最初にバージョンをダウングレードしようとしましたが、それは私にとってはうまくいきませんでした。 最後に解像度ブロックを追加すると、いくつかの魔法が示されました:)

彼らのreactアプリで同様の問題に直面している他の人のために。 彼らはそれを解決するために次の2つのステップを実行できます。

依存関係で、
"moment": "^2.24.0",
と
"moment": "2.24.0",

そして、package.jsonに解像度ブロックを追加します

"resolutions": {
    "moment": "2.24.0"
  }

私のために働きます。 ありがとう

@hasanmehmoodそれは私のために働いた、ありがとう男

ありがとう、 @ jolalla 、私は最初にバージョンをダウングレードしようとしましたが、それは私にとってはうまくいきませんでした。 最後に解像度ブロックを追加すると、いくつかの魔法が示されました:)

彼らのreactアプリで同様の問題に直面している他の人のために。 彼らはそれを解決するために次の2つのステップを実行できます。

依存関係で、
"moment": "^2.24.0",
と
"moment": "2.24.0",

そして、package.jsonに解像度ブロックを追加します

"resolutions": {
    "moment": "2.24.0"
  }

私にも効きます！ ありがとう！！ ：D

npmを使用してAngular8アプリでこれを何時間も行っています。

1. 瞬間2.17から2.24に更新しました
2. 上記のアドバイスに従って解像度を追加しました- "devDependencies": {...},"resolutions": { "moment": "2.24.0" }をpackage.jsonに追加しました
3. 以下のようにして糸に変更しました。 rm -rf node_modules package-lock.json && yarn
   どうもありがとう

私はかなり必死です...私はモーメント2.25.1を使用し、 "devDependencies"：{...}、 "resolutions"：{"moment"： "2.25.1"}を上記のように変更しています...働く

私はnpmを使用しています。 私はdevDependenciesがどこにあるのか反応の初心者ですか？
私はこれを変更しましたが、それでも機能しません

バージョン「2.25.1」を使用していますが、まだ発生しています。

@ m4mariaoni-これは、uが--save-devなしでインストールされているため、正しい部分を変更しているためです。

momentを2.24.0にロックした後もこの問題が発生する場合は、node_modulesからmomentフォルダーを削除し、 npm install --saveてパッケージを再インストールします。

ありがとう、 @ jolalla 、私は最初にバージョンをダウングレードしようとしましたが、それは私にとってはうまくいきませんでした。 最後に解像度ブロックを追加すると、いくつかの魔法が示されました:)

彼らのreactアプリで同様の問題に直面している他の人のために。 彼らはそれを解決するために次の2つのステップを実行できます。

依存関係で、
"モーメント"： "^ 2.24.0"、
と
「瞬間」：「2.24.0」、

そして、package.jsonに解像度ブロックを追加します

「解像度」：{
「瞬間」：「2.24.0」
}

私にも効きます！ ありがとう！！ ：D！考える！

ありがとう、 @ jolalla 、私は最初にバージョンをダウングレードしようとしましたが、それは私にとってはうまくいきませんでした。 最後に解像度ブロックを追加すると、いくつかの魔法が示されました:)

彼らのreactアプリで同様の問題に直面している他の人のために。 彼らはそれを解決するために次の2つのステップを実行できます。

依存関係で、
"moment": "^2.24.0",
と
"moment": "2.24.0",

そして、package.jsonに解像度ブロックを追加します

"resolutions": {
    "moment": "2.24.0"
  }

交換

"moment": "^2.24.0",

と

"moment": "2.24.0",

私のために働く！ いつもの、
rm -rf package-lock.json && node_modules

上記のすべての対策を行ったにもかかわらず、まだ機能していません...

これはイライラします

以前に作成されたリポジトリは、Reactでmoment 2.24.0を使用しましたが、まだ機能していますが、moment2.24.0をインストールしても、機能しません。...（上記のすべての対策も試しました）

原因は何ですか？

package.json @ wlsdud2194のどこかに2.24.0ではなく^ 2.24.0があると思いますか？

私はしません、そしてそれでもエラーは起こり続けます。 それは奇妙だ

モーメントバージョンは、package.jsonの2.24.0であり、インストールしてからの^2.24.0ではあり2.24.0ん。

上記の対策の1つであるこのプロセスに従いました

1. 解像度ブロックを追加
2. node_modulesディレクトリを削除し、yarnからパッケージを再インストールします。

私のために働くが、なぜ働くのかわからない...😂

ご関心をお寄せいただきありがとうございます：） @ agrohs

問題を修正するには、 ^2.25.1から2.24.0にダウングレードする必要がありました

私はしません、そしてそれでもエラーは起こり続けます。 それは奇妙だ

npm ls momentを実行して、他のモジュールもモーメントを使用しているかどうかを確認してください

そして、package.jsonに解像度ブロックを追加します
"解像度"：{"モーメント"： "2.24.0"}

node_modulesディレクトリを削除し、yarnからパッケージを再インストールします。

rm -rf package-lock.json && node_modules

連絡先：劉さんTel：18908205973
ファックス：028-86676917
Eメール： [email protected]
会社名：Chengdu Shouzhi Technology Co.、Ltd。会社のウェブサイト：
住所：成都Binjiang East Road、No。162、Yinhai Building

Chengdu Shouzhi Technology Co.、Ltd。は2010年に設立されました。成都の中小企業向けの専門的なソフトウェアカスタマイズ開発会社であり、主に中小企業にサービスを提供しています。ローカルエリアネットワークの構築、Webサイトを提供しています。建設、ソフトウェアカスタマイズソリューションなど、および手動サービスを提供しますコンピュータビジネスにサービスの完全なセット。同社は「誠実でサービス志向」の理念を貫き、会社のイメージを際立たせ、絶え間ない努力を通じてお客様に高品質なサービスを提供しています。

Webpack Error: Cannot find module "./locale"エラーが発生します。 プロジェクトでは、「react-i18nify」に依存し、「moment」に依存する「react-redux-i18n」パッケージを使用しています。 内部的に「moment」は、このエラーの原因となっている最新バージョンを使用するように構成されています。

依存関係で
"react"： "^ 16.8.1"、
「瞬間」：「2.24.0」、
"moment-timezone"： "^ 0.5.28"、
"react-moment-proptypes"： "^ 1.5.0"、
"react-redux-i18n"： "^ 1.9.3"、
"react-redux"： "^ 6.0.0"、

どんな助けでも大歓迎です。

最新のパッチ2.25.3で修正されたようです。momentjsのバージョンをpackage.jsonの"moment": "^2.25.3"に更新してください。
node_modulesフォルダーを削除し、 yarn installまたはnpm installを実行する必要があります。

自信を失い、将来この問題が再び発生することからアプリが完全に壊れることを望まない人のために、私は中規模のコードベースをそれほど問題なくluxonに切り替えました。

ありがとうございます...

バージョンを24.0に変更し、「resolutions」を追加しました：{"moment"： "2.24.0"}そして、npminstallを実行しました

その後、再び機能するように見えました（ちなみに、Reactで動作しています）。

乾杯！

最新のパッチ2.25.3で修正されたようです。momentjsのバージョンをpackage.jsonの"moment": "^2.25.3"に更新してください。
node_modulesフォルダーを削除し、 yarn installまたはnpm installを実行する必要があります。

ありがとう@jasontll 、それは私のために働く

これらの解決策はどれも今日私にはうまくいきませんでした。

私のreactアプリで何時間もこれをやっています
npmで。

1. I updated from moment  2.17 to 2.24

2. I added the resolutions as adviced above - `"devDependencies": {...},"resolutions": { "moment": "2.24.0"   }` to package.json

3. Changed to yarn by doing the following. `rm -rf node_modules package-lock.json && yarn`
   Thanks a lot guys

それはまた、みんなのために働いてくれてありがとう:-)

私もこのトラブルで走ります。 "moment": "^2.26.0"現在の最新バージョンで修正しました