yarn add package.json

JavaScriptは日進月歩が激しい世界で、四半期もすればパッケージ依存が代わり、新しくインストールしても動かないなんてことがざらにあります。

つまり、例えば３カ月間に書かれたブログかなんかで、下記みたいなコマンドでインストールして、いろいろ試していたので、「ようし、やってみよう！」と思って同じコマンドでインストールしても「あれ？エラーが出て動かない」ということが普通に起こります。

webpack-dev-serverもバージョンアップして、追加でwebpacke-cliが必要になっていました。

パッケージのインストールは、環境構築段階で、ここでこけるとなかなか前に進めないし、依存関係を理解してアップグレード・デグレードを適切にするのは、容易じゃありません。

ということで、みんなpackage.jsonをちゃんと置いて欲しいなぁと思います。

自分のを置いてきます。yarn add pakage.jsonでインストールして、webpackや、reactを問題なく動かせます。そういえば、いつの間にか、yarn installじゃなくなっている。

{
  "name": "react_lesson",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "start": "./node_modules/.bin/webpack-dev-server"
  },
  "dependencies": {
    "axios": "^0.16.2",
    "babel-core": "^6.25.0",
    "babel-loader": "^7.1.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "css-loader": "^0.28.4",
    "extract-text-webpack-plugin": "^3.0.0",
    "geolib": "^2.0.22",
    "import-glob-loader": "^1.1.0",
    "lodash": "^4.17.4",
    "node-sass": "^4.5.3",
    "package.json": "^2.0.1",
    "prop-types": "^15.5.10",
    "query-string": "^5.0.0",
    "react": "^15.6.1",
    "react-dom": "^15.6.1",
    "react-google-maps": "^7.2.0",
    "react-redux": "^5.0.6",
    "react-router-dom": "^4.1.2",
    "redux": "^3.7.2",
    "redux-devtools": "^3.4.0",
    "redux-devtools-extension": "^2.13.2",
    "redux-thunk": "^2.2.0",
    "sass-loader": "^6.0.6",
    "style-loader": "^0.18.2",
    "webpack": "^3.3.0",
    "webpack-dev-server": "^2.5.1"
  },
  "devDependencies": {
    "eslint": "^3.19.0",
    "eslint-config-airbnb": "^15.0.2",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-jsx-a11y": "^5.1.1",
    "eslint-plugin-react": "^7.1.0"
  }
}