Cannot import external CSS files after upgrading to react-scripts 1.0.8
See original GitHub issueIs this a bug report?
Yes
Can you also reproduce the problem with npm 4.x?
Yes
Which terms did you search for in User Guide?
postcss
Environment
node -v
:
v8.1.2
npm -v
:
4.6.1
yarn --version
(if you use Yarn):
0.24.6
npm ls react-scripts
(if you haven’t ejected):
postcssbug@0.1.0 /Users/deepak/code/personal/postcssbug
└── react-scripts@1.0.8
Then, specify:
-
Operating system: OS X Sierra
-
Browser and version (if relevant): Not Relevant
Steps to Reproduce
create-react-app postcssbug
cd postcssbug
yarn add normalize.css
echo "@import '~normalize.css/normalize.css';" >> src/index.css
yarn start
Expected Behavior
yarn start
should complete and launch a page in browser.
Actual Behavior
./~/normalize.css/normalize.css
Module build failed: Error: No PostCSS Config found in: /Users/deepak/code/personal/postcssbug/node_modules/normalize.css
at <anonymous>
Reproducible Demo
Problem occured here: https://github.com/deepakjois/deepakjois.com/commit/f02c486dac3b03e3118b68205310eb09cce9e186
I was able to make it go away after downgrading react-scripts
to 1.0.7. So far I am able to reproduce this reliably in three independent projects, including the one I created using steps above under “Steps to Reproduce”
Issue Analytics
- State:
- Created 6 years ago
- Reactions:5
- Comments:14 (8 by maintainers)
Top Results From Across the Web
How can I import an external CSS to react file? - Stack Overflow
I have been searching for over an hour on how to connect an external CSS file to my NavBar.js file for my first...
Read more >Solving the React Error: Not Picking Up CSS Style | Pluralsight
This error is generated because the compiler is only able to import files from the src folder. Here, the CSS file is saved...
Read more >synapse-react-client - npm
Synapse React Client. This project helps you integrate your app with the Synapse API backend. See the available Components.
Read more >How To Use Node.js Modules with npm and package.json
json file will provide you with more predictable builds, since all external dependencies are kept the same. The file will keep track of...
Read more >Changelog | Meteor API Docs
Adjusted config to Auto import React on jsx,tsx files PR. ... Update default Facebook API to v15 and fix local changelog by StorytellerCZ...
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 Free
Top 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
Random guess. Can you try reverting change from https://github.com/facebookincubator/create-react-app/pull/2430 locally? I think this might have been it.
Confirming it’s fixed in v1.0.9, thanks!