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.

v0.10.0 doesn't compatible with create-react-app

See original GitHub issue

I created a repo at https://github.com/cpunion/reproduce-import-graphiql-css-error to reproduce this issue. It created by create-react-app, and create-react-app uses css-loader and postcss-loader to process .css files. So maybe it doesn’t compatible with css-loader or postcss-loader.

Steps:

  1. Checkout the 2nd commit https://github.com/cpunion/reproduce-import-graphiql-css-error/commit/9e1681c55da453633edc25efaa917468b384f38e, it imports css of graphiql@0.9.3 by import 'graphiql/graphiql.css', and it works fine.

  2. Checkout the last commit https://github.com/cpunion/reproduce-import-graphiql-css-error/commit/3ac8408011baf3fa34a6e95f1913eabe9dcb52a0, it uses graphiql@0.10.0 and doesn’t work.

Errors:

Failed to compile.

Error in ./~/graphiql/graphiql.css
Syntax error: Unexpected token  in JSON at position 17977
    at JSON.parse (<anonymous>)
 @ ./~/graphiql/graphiql.css 4:14-107 13:2-17:4 14:20-113

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
gpoitchcommented, Apr 18, 2017

Also seeing 0.10.0 fail with postcss-loader when doing @import 'graphiql/graphiql.css';

0reactions
AGS-commented, Apr 21, 2017

Fixed in v0.10.1 via #440. Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

having an issue creating new react app with create-react-app
This is telling you that the create_react_app module is only compatible with versions 10 , 12 , or greater than 14 of node...
Read more >
React v0.14 – React Blog
The props object is now frozen, so mutating props after creating a component element is no longer supported. In most cases, React.cloneElement ...
Read more >
Supported Browsers and Features | Create React App
By default, the generated project supports all modern browsers. Support for Internet Explorer 9, 10, and 11 requires polyfills. For a set of ......
Read more >
Announcing React Native 0.66
Today we're releasing React Native v0.66 for Android 12 and iOS 15 support ... React Native's CI will now create a tarball artifact...
Read more >
native-base - npm
NativeBase 3.0 is powered by React Native Web so you can build consistent UIs ... v2.3.0 to 2.6.1, v0.46.0 and above (does not...
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