すべてのnode_modulesのインストール中にこの問題が発生します。そして、これは私を夢中にさせています。
[email protected]にはwebpack @ 2のピアが必要です|| 3がインストールされていません。
これが私のpackage.jsonファイルです
{
"name": "react-router-firebase-auth",
"version": "0.1.0",
"private": true,
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"react-scripts": "0.9.5"
},
"dependencies": {
"@atlaskit/button": "3.0.0",
"@atlaskit/css-reset": "1.1.4",
"@atlaskit/field-text": "4.0.1",
"@atlaskit/modal-dialog": "2.1.1",
"@atlaskit/page": "4.0.1",
"@atlaskit/util-shared-styles": "2.3.1",
"@shopify/polaris": "^1.5.1",
"babel-eslint": "^7.0.0",
"bootstrap": "^3.3.7",
"eslint": "3.16.1",
"eslint-plugin-react": "6.4.1",
"express": "^4.16.1",
"firebase": "^4.5.0",
"firebase-admin": "^5.4.1",
"firestore": "^1.1.6",
"fixed-data-table": "^0.6.4",
"griddle-react": "^1.8.1",
"jquery": "^3.2.1",
"node-localstorage": "^1.3.0",
"nodemon": "^1.12.1",
"react": "^15.5.3",
"react-bootstrap": "^0.31.3",
"react-bootstrap-button-loader": "^1.0.8",
"react-bootstrap-navbar": "^1.1.0",
"react-data-grid": "^2.0.59",
"react-date-picker": "^6.1.2",
"react-dom": "^15.5.3",
"react-fontawesome": "^1.6.1",
"react-router-dom": "^4.0.0-beta.8",
"react-scripts": "^0.9.5",
"react-transition-group": "^1.2.0",
"reactstrap": "^4.8.0",
"requestify": "^0.2.5",
"simple-react-bootstrap": "^0.2.7",
"styled-components": "1.4.6",
"url": "^0.11.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}
私は使っている create-react-app
このプロジェクトの場合。だから私は変更できませんでしたwebpack.config.jsファイル。私はここで何をすべきですか?
この投稿を読んでください。ピアの依存関係について説明します。
https://stackoverflow.com/a/34645112/2379376
つまり、webpackがまったくインストールされていないか、別のバージョン(webpack 1.x)がインストールされているということです。ただし、このプラグインが正しく機能するには、バージョン2または3のwebpackが必要です。
あなたにできることは
npm install webpack -g
そのため、npmは最新バージョンのwebpackをシステムにインストールします。しかし、他のローダーが古いバージョンのwebpackを必要とする場合、他のピア警告が発生する可能性があります。
Webpack グローバルをノード環境と開発(開発依存関係として)にインストールします。 webpackの主な機能は、ブラウザで使用するJavaScriptファイルをバンドルすることです。開発時にindex.js(npmのエントリポイント)に変更を加えるたびに、webpackを実行してbundle.jsファイルにも変更を加える必要があります。 、したがって、環境(ノード環境と開発環境)の両方にインストールする必要があります。以下のコマンドを実行して、問題を解決します。
npm install -g [email protected]
npm install --save-dev [email protected]
ここでは、webpackに3.10.0を使用しています。 4も使用できます。これが役立つと思います。
Webpack 4を使用する場合:
同じエラーが発生しましたが、実際にはwebpack4をインストールしました。これを解決するために、 babel-loaderのドキュメント の手順を使用し、次の追加ライブラリをインストールしました:babel-loader、@ babel/core、@ babel/prefix -env。
必要なすべてのライブラリをインストールするコマンド:
npm install -D babel-loader @babel/core @babel/preset-env webpack
インストール前のpackage.json devDependencies:
"devDependencies": {
"chai": "^4.1.2",
"enzyme": "^3.2.0",
"enzyme-adapter-react-16": "^1.1.0",
"expect": "^22.0.3",
"jest-junit": "^3.3.0",
"jest-junit-reporter": "^1.1.0",
"node-sass": "^4.9.2",
"prop-types": "^15.6.0",
"react-test-renderer": "^16.2.0",
"redux-mock-store": "^1.4.0",
"sass-loader": "^6.0.6",
"webpack": "^4.25.1",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10"
}
インストール後:
"devDependencies": {
"@babel/core": "^7.1.6",
"@babel/preset-env": "^7.1.6",
"babel-loader": "^8.0.4",
"chai": "^4.1.2",
"enzyme": "^3.2.0",
"enzyme-adapter-react-16": "^1.1.0",
"expect": "^22.0.3",
"jest-junit": "^3.3.0",
"jest-junit-reporter": "^1.1.0",
"node-sass": "^4.9.2",
"prop-types": "^15.6.0",
"react-test-renderer": "^16.2.0",
"redux-mock-store": "^1.4.0",
"sass-loader": "^6.0.6",
"webpack": "^4.25.1",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10"
}
それが役に立てば幸い