あいつの日誌β

働きながら旅しています。

Webpack 2: Module not found: Error: Cannot resolve 'file' or 'directory' node_modules/@kadira/storybook/dist/server/addons.js

あらすじ

ある日 webpack の version を上げたら extensions に empty な '' を指定するのだめと怒られるのでその指定を削除したら storybook がなんかエラーを吐き出すようになった時のメモです。

状況

React + Redux で既存の Single Page Application で作っているプロジェクトに storybook を導入しています。 .storybook/webpack.config.js にエイリアアス設置し、 ../webpack.config.js を読み込んんでいます。

原因

現行の webpack は version 2 なのですが storybook が使っているのはどうやら違うらしい。 node_modules/webpacknode_modules/webpack-core名前空間が異なっているから混在できているのが原因?

とりあえず同一の webpack.config.js を version の違う webpack で見ているのが原因らしいので解消したいです。

解消した方法

.storybook/webpack.config.jsエイリアスではなく以下のように実ファイルを保存しました。

const config = require("../webpack.config.js")

config.resolve.extensions.push('') // empty extention を追加する

module.exports = config

おしまい