Cannot find module "./Timeline.scss" about react-calendar-timeline HOT 4 CLOSED

I think you should configure webpack.config.js, something like:

module.exports = {
...
module: {
loaders: [
{
test: /.scss$/,
loaders: ["style", "css", "sass"]
}
]
}
};

https://github.com/jtangelder/sass-loader

from react-calendar-timeline.

Hi, indeed even though you have "sass-loader" in your package.json, it appears your webpack is not configured to handle .scss files.

Closing this for now, feel free to reopen if there's a bug.

from react-calendar-timeline.

I have the same issue, I tried with many webpack configs, css/sass loaders but nothing helped.
If I comment out the require('./Timeline.scss'); in the Timeline.js, and import the that scss manually in my webpack's stylesheet entry file, it works.

My webpack config (which works properly on each node_modules, except react-calendar-timeline):

{
  name: "javascript",
  ...    
  module: {
      loaders: [
        {
          test: /\.jsx?$/,
          loaders: ['babel'],
          include: path.join(__dirname, './frontend')
        }
      ]
    }
    ...
} , {
  name: "stylesheet",
  ...
  module: {
      loaders: [
        {
          test: /\.s?css$/,
          loader: ExtractTextPlugin.extract( "css-loader!postcss-loader!sass-loader" )
        },
        {
          test: /\.s?css$/,
          include: /node_modules/,
          loaders: ['style-loader','css-loader', 'sass-loader']
        }
      ]
    }
}

So I have 2 webpack 'job' and in this case the 'javascript' bundler task tried to handle the Timeline.js's require('./Timeline.scss'); but failed. After I added the style loader to the javascript part as well, everything worked fine (without touching the original Timeline.js and including styles manually).

from react-calendar-timeline.

I use Brunch and get the following:

Cannot find module 'react-calendar-timeline/modules/lib/Timeline.scss' from 'react-calendar-timeline/modules/lib/Timeline.js'

from react-calendar-timeline.