Comments (4)
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.
Related Issues (20)
- How i can set default unit="month" for all day of month in timeline
- Horizontal scroll breaks after manipulating groups/items HOT 2
- Only one item per line HOT 1
- Legacy context API has been detected within a strict-mode tree. HOT 2
- Row padding
- Adding a new item already selected and resizable
- Is there any way we can make first row sticky along with header ? HOT 1
- Issue with getSumScroll Function while dragging the item using drag handle or by moving the item
- groupRenderer does not work correctly HOT 1
- Feature Request: Allow the user to replace the timeline header with a number range HOT 1
- Provide a week view to the DateHeader component with unit="primaryHeader".
- Dragging item scrolls the timeline
- Legacy context API has been detected within a strict-mode tree HOT 2
- Customizing main header - Is it possible to render day index instead of dates? HOT 1
- Can we have an array of Tittles in Items HOT 1
- Need a way to make a calendar item the full height of the row HOT 3
- Remove usage of moment library entirely HOT 2
- how can i provide minimun fixedwidth for date so that i can mention another values with date also like count for that date etc HOT 1
- Stacking only enforced when times overlap
- i want to keep unit zoom level
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-calendar-timeline.