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

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

こんなエラーがでよる。

1
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' とかにすると相対パスになるらしい。
絶対パスにするにはこんな感じとな。

1
$ npm install path --save-dev

1
2
3
4
5
6
7
8
9
10
var path = require('path');

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

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
var Promise = require('es6-promise').Promise;
var path = require('path');

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