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

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

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

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

Netlify

Netlifyは、静的サイトを超高速でホスティングできる高機能なWebサービスです。WordPressといった動的処理を必要としないLPなどの静的Webサイトを公開することが可能。カスタムドメイン設定や無料SSL証明書などの多くの機能を無料で使用できます。

React.js

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

解決済

ReactのWebpackを用いたbuildのエラー(ERROR in Entry module not found: Error: Can't resolve 'build' in)

hotake
hotake

総合スコア5

npm

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

Netlify

Netlifyは、静的サイトを超高速でホスティングできる高機能なWebサービスです。WordPressといった動的処理を必要としないLPなどの静的Webサイトを公開することが可能。カスタムドメイン設定や無料SSL証明書などの多くの機能を無料で使用できます。

React.js

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

2回答

0評価

0クリップ

6713閲覧

投稿2019/10/29 12:49

前提・実現したいこと

Netlifyにおいてreactのアプリケーションを公開したいと考えたのですが、npm start buildのエラーが解決できず、質問いたしました。現在発生しているエラーは以下の通りです。
解決法が分かる方がいらっしゃいましたら、ご教授していただきたいと存じます。
よろしくお願いいたします。

発生している問題・エラーメッセージ

ERROR in Entry module not found: Error: Can't resolve 'build' in '/Users/ユーザ名/Documents/calendar' ERROR in multi (webpack)-dev-server/client?http://localhost:8082 build Module not found: Error: Can't resolve 'build' in '/Users/ユーザ名/Documents/calendar' @ multi (webpack)-dev-server/client?http://localhost:8082 build main[1]

該当のソースコード

js

//webpack.config.jsの内容 require('@babel/register'); // development.jsでES6を使えるようにする module.exports = require('./development');

js

//development.jsの内容 import path from 'path'; import HtmlWebpackPlugin from 'html-webpack-plugin'; const src = path.resolve(__dirname, 'src'); const dist = path.resolve(__dirname, 'dist'); export default { mode: 'development', entry: src + '/js/index.jsx', output: { path: __dirname + '/src/', filename: 'client.min.js' }, module: { rules: [ { test: /.jsx?$/, exclude: /(node_modules|bower_components)/, use: [ { loader: 'babel-loader', options: { presets: ['@babel/preset-react', '@babel/preset-env'] } } ] }, { test: /.css$/, loader: 'style-loader!css-loader' } ] }, resolve: { extensions: ['.js', '.jsx'] }, plugins: [ new HtmlWebpackPlugin({ template: src + '/index.html', filename: 'index.html' }) ] };

json

package.jsonの内容 { "name": "calendar", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-dev-server", "deploy": "npm run build", "build": "webpack" }, "author": "", "license": "ISC", "devDependencies": { "@babel/core": "^7.6.2", "@babel/plugin-proposal-class-properties": "^7.5.5", "@babel/preset-env": "^7.6.2", "@babel/preset-react": "^7.0.0", "@babel/register": "^7.6.2", "babel-loader": "^8.0.6", "html-webpack-plugin": "^3.2.0", "webpack": "^4.41.0", "webpack-cli": "^3.3.9", "webpack-dev-server": "^3.8.1" }, "dependencies": { "babel-preset-gatsby": "^0.2.20", "babel-preset-react": "^6.24.1", "bootstrap": "^4.3.1", "css-loader": "^3.2.0", "extract-text-webpack-plugin": "^3.0.2", "jquery": "^3.4.1", "nouislider": "^14.0.2", "popper.js": "^1.15.0", "react": "^16.10.1", "react-beautiful-dnd": "^11.0.5", "react-dnd": "^9.4.0", "react-dnd-html5-backend": "^9.4.0", "react-dom": "^16.10.1", "react-nouislider": "^2.0.1", "sass-loader": "^8.0.0", "style-loader": "^1.0.0" } }

試したこと

検索したところエントリーポイントどうこうという記事は出てきたのですが、ソースの通り、エントリーポイントにはbuildは設定しておらず、結局解決法がわからずじまいでした。
解決法が分かる方がいらっしゃいましたら、ご教授していただきたいと存じます。
よろしくお願いいたします。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

npm

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

Netlify

Netlifyは、静的サイトを超高速でホスティングできる高機能なWebサービスです。WordPressといった動的処理を必要としないLPなどの静的Webサイトを公開することが可能。カスタムドメイン設定や無料SSL証明書などの多くの機能を無料で使用できます。

React.js

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