Problem with build with webpack2.1.0-beta

It could be also webpack related issue, just wanted to make you aware about the problem

Version

1.0.10

Reproduction

in webpackbin it works - http://www.webpackbin.com/4yqYB5WlM but I’m not able to choose version of webpack

Steps to reproduce

git clone https://github.com/mayacode/react-redux-starter/tree/styled-components-problem npm install webpack

I have webpack@^2.1.0-beta.25 and webpack-dev-serve@^2.1.0-beta.10 installed globally.

Expected Behavior

const Title = styled.h1 should work

Actual Behavior

open index.html in console you’ll see Uncaught TypeError: _styledComponents2.default.h1 is not a function(…)

but if you change const Title = styled.h1 to const Title = styled.default.h1 everything works

[mxstbr]

This is actually a problem with your setup. You’re telling both Babel and webpack to transpile ES2015 modules, which is why you end up with .default.default. /cc @TheLarkinn, maybe he has an idea how to avoid this?

The fix is to disable babel’s modules transpiling in your webpack.config.js:

      {
        loader: 'babel',
        query: {
          presets: [['es2015', { modules: false }], 'react', 'stage-0']
        }
      }

(notice the modules: false)

[rohmanhm]

removed .babelrc file, and used this config

options: {
  presets: [['es2015', { modules: false }], 'react', 'stage-0']
}

Work perfectly without an alias to styled-components Thanks!!