question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Anyone using this? Issue using react boilerplate

See original GitHub issue

Hey! Having an issue that just popped up. Was working fine. now getting this issue

ERROR in ./~/vis/dist/vis.css Module parse failed: /Users/eamonpenland/Desktop/thingtech/dispatch/dispatch/node_modules/vis/dist/vis.css Unexpected token (1:0) You may need an appropriate loader to handle this file type. | .vis .overlay { | position: absolute; | top: 0; @ ./~/react-visjs-timeline/build/index.js 13:0-27

Thanks!

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
EstebanFuentealbacommented, Sep 26, 2016

npm install vis url-loader style-loader css-loader --save

and add to webpack.conf.js

{ test: /\.css$/,loader: "style-loader!css-loader?importLoaders=1"},
{ test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }
1reaction
talon-himselfcommented, Aug 17, 2017

@prabuvenkat @willmcclellan I ran into this same issue and none of the solutions worked 100%, but they helped point us in the right direction. We had all the css loaders except the url-loader and we were not looking for .png so we prepended that into our current webpack.config using webpack-merge. Not sure if that helps at all, but it worked for me!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Should I use a boilerplate for React? - Jakob Lind
You get a lot for free, right? The long list of features is actually the main problem with boilerplates. You have to maintain...
Read more >
Solving "Update blocking" issue in react-boilerplate #2458
I am using react-boilerplate and I found that if I use redux-saga for pushing to new route: yield put(push('/newroute')).
Read more >
Top 9 React Boilerplates to Know in 2022 - Atatus
A boilerplate (also known as boilerplate code) is a section of code that can be repeatedly used to duplicate certain sections of code....
Read more >
Understanding React boilerplates - Medium
To solve those issues we will use two tools: webpack and babel. Both of them can be used separately to do their job,...
Read more >
A Complete React Boilerplate Tutorial — From Zero to Hero
This article will teach you how you can build your own boilerplate from scratch with the main dependencies used in the React community...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found