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.

Cannot import external CSS files after upgrading to react-scripts 1.0.8

See original GitHub issue

Is 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

  1. node -v:

v8.1.2

  1. npm -v:

4.6.1

  1. yarn --version (if you use Yarn):

0.24.6

  1. 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:

  1. Operating system: OS X Sierra

  2. 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

screenshot 2017-06-29 12 18 36

./~/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:closed
  • Created 6 years ago
  • Reactions:5
  • Comments:14 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
gaearoncommented, Jun 29, 2017

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.

0reactions
piotr-czcommented, Jun 29, 2017

Confirming it’s fixed in v1.0.9, thanks!

Read more comments on GitHub >

github_iconTop 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 >

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