v0.10.0 doesn't compatible with create-react-app
See original GitHub issueI 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:
-
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. -
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:
- Created 6 years ago
- Reactions:1
- Comments:5 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Also seeing 0.10.0 fail with postcss-loader when doing
@import 'graphiql/graphiql.css';
Fixed in v0.10.1 via #440. Thanks!