[next branch] requiring css that imports another assets causes runtime error

[viankakrisna]

Is this a bug report?

Yes

Can you also reproduce the problem with npm 4.x?

haven't tried it yet, but it works on the same env, same code, but v1 react-scripts

Which terms did you search for in User Guide?

N/A

Environment

Environment:
OS: macOS High Sierra 10.13.2
Node: 8.9.4
Yarn: 1.3.2
npm: 5.6.0
Watchman: Not Found

Packages: (wanted => installed)
react: ^16.2.0 => 16.2.0
react-dom: ^16.2.0 => 16.2.0
react-scripts: 2.0.0-next.096703ab => 2.0.0-next.096703ab

Browser: Chrome Version 63.0.3239.132 (Official Build) (64-bit)

Steps to Reproduce

1. create new app
2. yarn add react-slick
3. import 'slick-carousel/slick/slick-theme.css' or require('slick-carousel/slick/slick-theme.css'); in index.css

Expected Behavior

No runtime error

Actual Behavior

A runtime error

Reproducible Demo

https://github.com/viankakrisna/create-react-app-example/blob/master/src/index.js

[Timer]

Thanks for the report!
And thank you for figuring out the issue was with css-loader. 😄

[Timer]

Resolved in 9754a23

[Timer]

Fixed in react-scripts@2.0.0-next.9754a231

[viankakrisna]

9754a23 only silent the error, we need to figure out the issue with css-loader so it can work nicely with svgr

right now svg assets imported from css would become url([object Object]#slick) format('svg');

[jihchi]

Hi,

I've same issue with react-scripts@2.0.0-next.9754a231.
Both regular css and css module have same result.

regular css

body {
  background-image: url('./logo.svg');
  ...
}

css module

.bg-svg {
  background-image: url('./logo.svg');
}

Here is the reproducible code: https://github.com/jihchi/create-react-app-3852

[gaearon]

We are aware of that issue, see #3856