Новое приложение create-реакции не может скомпилировать sass - PullRequest
Новая
       54

Новое приложение create-реакции не может скомпилировать sass

0 голосов
/ 29 января 2020

У меня были проблемы с моим реактивным проектом, и поэтому я только что создал новое реактивное приложение и обновил все пакеты в моем пакете. json. Тем не менее, либо обновленная версия реагирования, зависимости реагирования, либо node-sass не позволяют компилировать проект. Он устанавливается без каких-либо уязвимостей, что замечательно, но компилятор sass не хочет играть в мяч.

Структура папок выглядит следующим образом 

--src
  --api
  --assets
    --fonts
    --images
  --components
  --pages
  --scss
    --_variables.scss
    --_media.scss
    --_mavigation.scss
  --App.scss
  --App.js
  --index.js

, кажется, ломается всякий раз, когда я ссылаюсь на фон -изображения в css, я не могу найти правильный путь для работы, несмотря на те же пути, работающие в более старой версии reactjs.

Я получаю следующую ошибку 

Failed to compile.

    ./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./src/App.scss)
    Module not found: Can't resolve './scss/assets/images/camera.png' in 'xxxproject/src'

css, в котором содержится ошибка, выглядит следующим образом: 

background-image: url('./assets/images/camera.png');

У кого-нибудь есть идеи?

1 Ответ

1 голос
/ 29 января 2020

Проблема похожа на

Фоновый URL похож на 

'./assets/images/camera.png'

Узел sass tring для решения проблемы на 

'./scss/assets/images/camera.png'' ///scss causing problem

Решение: используйте ../ в фоне изображение 

 background-image: url('../assets/images/camera.png'); // as per your folder structur
...