質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Redux

Reduxは、JavaScriptアプリケーションの状態を管理するためのオープンソースライブラリです。ReactやAngularで一般的にユーザーインターフェイスの構築に利用されます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

2回答

4699閲覧

react-scriptsをなぜglobalにinstallしてはいけないのか??

kazoogon

総合スコア281

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Redux

Reduxは、JavaScriptアプリケーションの状態を管理するためのオープンソースライブラリです。ReactやAngularで一般的にユーザーインターフェイスの構築に利用されます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2018/08/26 15:15

しようとしていたこと

MERN環境でのCRUD機能アプリケーション

手順

https://appdividend.com/2018/06/15/react-redux-axios-tutorial-example/
こちらを参考にいたしました

①npm install -g create-react-appにてappを作成
②npmでinstallしたりコード書き換えたりしていると、突然yarn startが立ち上がらなくなる
https://stackoverflow.com/questions/39959900/npm-start-error-with-create-react-app
こちらのbest answerによると「最初にpackage.json devにinstallしたときに起きただろう」とのこと。確かに私もnodemonをdevにinstallしたときにエラー発生した。

//package.json { "name": "mern-post", "version": "0.1.0", "private": true, "dependencies": { "body-parser": "^1.18.3", "bootstrap": "^4.1.3", "express": "^4.16.3", "mongose": "0.0.2-security", "react": "^16.4.2", "react-dom": "^16.4.2", "react-redux": "^5.0.7", "react-scripts": "1.1.5", "redux": "^4.0.0", "redux-thunk": "^2.3.0" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" }, "devDependencies": { "nodemon": "^1.18.3" } }

ベストアンサーの方は「You absolutely should not be installing react-scripts globally.」とおっしゃっています。
これはnpm install -g create-react-app実行時にreac-scriptもglobalとして読み込まれていると思いますが、なぜダメなのか理由がわかりません。

(ちなみにnode_modulesを削除し、npm installすることで解決はいたしました)

宜しくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

Stackoverflowの記事全然読んでないからよくわからんけど

  1. create-react-appインストール時にはreact-scriptsはインストールされてないんじゃねーかな?

ただ「reactのアプリを作るために必要なパッケージをインストールをしてくれるパッケージ」をインストールしたっつーだけなんじゃねーかな?

  1. そんで、create-react-app helloとかやってアプリを作るぞって時になって初めてreact-scriptsがインストールされるんじゃねーかな?

上に書いた2つのことから、「わざわざグローバルインストールしなくても、react-scriptsはローカルインストールされてるから、npm scriptsを使ってローカルインストールされてるreact-scriptsを使いましょうねー」ってことじゃね?

投稿2018/08/27 03:46

bwz61366

総合スコア2009

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

ベストアンサーの方は、create-react-appの作者さんなので、信じましょう笑

というのは、さておいて・・・

create-react-appを実行した時に、react-scriptsがプロジェクトにインストールされるので、
グローバルに置いておく必要はないですね。

複数のプロジェクトを扱うことを考えた時、
過去に開発したプロジェクトは、過去(プロジェクト開発時)のモジュール依存関係そのままで動かせるようにするため、
プロジェクトごとにインストールする仕組みになってるんだと思います。

投稿2018/08/27 05:41

Meganezaru

総合スコア715

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問