Migration to Storybook 4 issue with webpack config

Hi Team,

During migration the storybook to new version 4.0.7, there is an issue in starting the storybook. Webpack is freaking out. The application is based on Create-React-App 1 and storybook has an extended webpack.config.js. There are two issues:

1. Failed to load presets
2. Cannot read property ‘rules’ of undefined (During the loading custom webpack config task)

The webpack config looks like:

const path = require("path")
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');

module.exports = (baseConfig, env, config) => {
  baseConfig.module.rules.push({
    test: /\.css$/,
    loaders: [
      'style-loader',
      'css-loader'
    ],
    include: path.resolve(__dirname, "../")
  });
  config.module.rules.push({
    test: /\.tsx?$/,
    loader: [
      'thread-loader',
      'ts-loader?happyPackMode=true',
      'react-docgen-typescript-loader'
    ]
  }, {
    test: /\.md$/,
    loader: [
      'thread-loader',
      'markdown-loader'
    ]
  })
  config.plugins.push(new ForkTsCheckerWebpackPlugin({
    checkSyntacticErrors: true,
    watch: path.resolve(__dirname, "../stories"),
    workers: ForkTsCheckerWebpackPlugin.TWO_CPUS_FREE,
  }))
  config.resolve.extensions.push(".ts", ".tsx")
  return config;
}

Waiting for some pointers from your side in order to rectify the problem.

Thanks in advance Amit

[andremw]

Same problem here. @amittkSharma have you found a solution?

EDIT: Actually, I managed to make it work. I simply changed .storybook/webpack.config.js from

module.exports = (baseConfig, env, config) => { to module.exports = ({ config, mode }) => {

I could even change the npm script back to "storybook": "start-storybook -p 9009 -s public",

[amittkSharma]

@igor-dv: Here is the basic repo structure, please take a look at it. In my system, I am not able to reproduce the above error as there were some updates in the past but feel free to check it.

Thanks Amit