Webpack4 が うまく走らなかったときのはなし

2020年5月21日

理由が分かってしまえば,大変,しょうもないプログラミングミスでした。

Webpack をつかって,jsファイルを読み込み/生成できない

webpack.config.js に,1通り設定を行って,書き出しの設定を行います。

ちなみに,package.json には,次のような scripts を指定。

(略),
  "scripts": {
    "build": "webpack --mode production --watch --config webpack.config.js",
    "dev": "webpack --mode development --watch --config webpack.config.js"
  },
(略)

これで, $ npm run dev と叩くと,ファイルを1まとめにしてくれるはずなのですが,次のエラーが出て先に進みません。

ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in ‘/Users/~{プロジェクトへのパス}’

webpack.config.js には,entry ポイントを,./webpack 以下を見に行くように設定しているので,./src を見に行くところが間違っています。

なぜ,うまく走らないのか。
webpack.config.js を読み込んでいないのか。

試しに,webpack.config.js
console.log("webpack.config.js is loaded")
と書き込んでみました。

しっかりと,コンソール(ターミナル)に出力されました。

なら,なぜか。
webpack.config.js の記述が間違っているのでは?

目を皿にして見直すと,

module.exports

と書かねばらならぬところが,

module.export

と書かれていました・・・。
(そりゃ,読み込まれませんね・・・)

結局,ここを修正することで,全てうまく進みました。

AtomWebpack 用のプラグインがあれば,入れようと思います。
(構文エラーチェック用的な・・・)


投稿に関連する記事抜粋

投稿記事のカテゴリやタグと同じ記事をランダム表示します。

 直近の記事一覧

 迷惑メールの送信元 (24年6月14日)
 MacBookAir所感 (24年4月29日)
 $1499は高い (24年4月28日)
 「サービス維持調整費」 (24年4月23日)

 カテゴリ一覧

 雑談(174)
アニメ(19)/ゲーム(12)/ドラマ(3)/パソコン(37)/小説(3)/広島東洋カープ(16)/映画(11)/漫画(33)/音楽(61)
 製作記(89)
AI(5)/CakePHP(3)/CentOS(4)/JavaScript(JS)(9)/Nuxt.js(4)/Vue.js(18)/WordPress(23)/料理(10)