Webpack Uncaught Error: Cannot find module への対処法

最近 Vue.js を使って開発してるのですが、
Webpackが、ローカルではビルドできてもプロダクションでこけた。

こんなエラーがでよる。

main-fd7fd10….js:31837 Uncaught Error: Cannot find module "!!./../../../../../../shared/frontend/node_modules/css-loader/index.js!./../../../../../../shared/frontend/node_modules/sass-loader/index.js!./default.sass"

contextは絶対パスにする

context を __direname + 'src' とかにすると相対パスになるらしい。
絶対パスにするにはこんな感じとな。

$ npm install path --save-dev

var path = require('path');

module.exports = {
  context: path.join(__dirname, 'src'),
  entry: {
    myEntry: './my/entry.js'
  },
...
}

Promiseモジュールをインストール

nodeのバージョンによってこれが必要。
まず、ローカルとプロダクションのバージョンがあってないのがダメだな…。

なかなか上げられないこともあるので、
ひとまずの対処法としては es6-promise をインストールすればok。

こんな感じになりました。


var Promise = require('es6-promise').Promise;
var path = require('path');

module.exports = {
  context: path.join(__dirname, 'src'),
  entry: {
    myEntry: './my/entry.js'
  },
...
}

これでエラー解消されていい感じ。
以上です。

参考

Module build failed: ReferenceError: Promise is not defined · Issue #145 · webpack/css-loader

Cannot find module './node_modules/babel-loader/index.js' · Issue #1260 · webpack/webpack

added es6-promise to fix polyfill issue · gregkbarnes/blank-canvas@f21b1f1

resolving

何かありましたらコメントをどうぞ

comments powered by Disqus

人気の記事

950 Points チリ出身のギタリストが弾くドラゴンボールZがむちゃくちゃかっこいい…
774 Points Wordpress + Heroku + PostgreSQL + Amazon S3 = ¥0 / 無料でサイト運営
700 Points Rubyのチートシート 変数 / クラス / モジュール
524 Points Rubyのチートシート / アクティブサポート
451 Points 紙のデザイナーがウェブ開発できるようになるまでに必要なこと
435 Points Rails / Google Analyticsのデータを使って分析や管理画面のためのグラフをつくる
323 Points RailsとHerokuでノーティフィケーションをプッシュする / PusherとTurbolinksの兼ね合い
222 Points Rails / RSpec テスト書いたことない メンドクサイ(n´Д`)という時のチートシート
193 Points Rails / Ajaxを使って画面遷移しない一時保存機能をつける
193 Points Protractorでスクレイピングしてみた