ERROR in Entry module not found: Error: Can't resolve './src' が解決できない

Question

前提・実現したいこと

railsにvueを導入し、webpack-dev-serverを実行しようとしたところエラーがでてコンパイルを実行することができません。

解決方法ご存知の方いれば助けてください。宜しくお願いします。

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

ERROR in Entry module not found: Error: Can't resolve './src' in 'C:\Users\nakamura\Desktop\develop\last'

'C:\Users\nakamura\Desktop\develop\last' に'./src' が無いというエラーであることは理解できるのですが、結局どのように対処すれば良いのか分かりません。

該当のソースコード

package.json

{
  "name": "last",
  "private": true,
  "dependencies": {
    "@rails/webpacker": "^4.0.2",
    "vue": "^2.6.10",
    "vue-loader": "^15.7.0",
    "vue-template-compiler": "^2.6.10"
  },
  "devDependencies": {
    "webpack-dev-server": "^3.3.1"
  },
  "scripts": {
    "build": "webpack",
    "start": "webpack-dev-server"
  }
}

webpack.config.js


'use strict';

module.exports = {

  mode: 'production',
  module: {
    rules: [{
      test: /.js$/,
      exclude: /node_modules|web_modules/,
      use: [{
        loader: 'babel-loader'
      }]
    }]
  }
};

Answer 1

webpackは、entryを指定していない場合、以下のようにmainというエントリーポイントで、
./src/を指定しているのと同じことになります。

module.exports = {
  entry: {
    main: './src/'
  },
}

結果、./src/index.jsにあるJSを./dist/main.bundle.jsにpackして出力するのがデフォルトの動作となっています。
出力先についてはoutputの設定値によります。
https://webpack.js.org/concepts/output

…このデフォルトが./srcになってる点って、公式ドキュメントにも書いていないので非常にわかりづらい点ですね…
srcが一体どこから出てきたのだろうとなります。私も過去にハマりました。
https://webpack.js.org/concepts/entry-points

webpackのこのあたりの動作に関しては、個人的に以下のスライドが役立ったので、よろしければ参考にしてください。
https://speakerdeck.com/tomof/webpackgahe-gu-bi-yao-de-he-gu-fen-kariduraifalseka?slide=34

Comments

[nakamuraTomo]

丁寧に教えて頂いてありがとうございます！教えて頂いた点試してみて解決できました。

Answer 2

丁寧に教えて頂いてありがとうございます！教えて頂いた点試してみて解決できました。