Как исправить ошибку fancybox?

Question

[jeka-3]

./node_modules/react-fancybox/lib/fancybox.css
Global CSS cannot be imported from files other than your Custom . Please move all global CSS imports to pages\_app.js. Or convert the import to Component-Level CSS (CSS Modules).
Read more: https://err.sh/next.js/css-global
Location: sections\certificates\Certificates.js

Comments

[Gimir]

Думаю так ты ответа не получишь, опиши подробней проблему, при каких ситуациях выскакивает ошибка? Что ты пытаешься сделать.

[jeka-3]

Gimir, просто устанавливаю все из примера

import React, {Component} from 'react';
import ReactFancyBox from 'react-fancybox'
import 'react-fancybox/lib/fancybox.css'

class App extends Component {
  render() {
    return (
      <div className="App">
        <ReactFancyBox
          thumbnail="https://loremflickr.com/320/240"
          image="https://www.w3schools.com/howto/img_forest.jpg"/>
      </div>
    );
  }
}

export default App;

[jeka-3]

Gimir, может знаете какие нибудь другие галереи ? это не обязательно должна быть fancybox

[Gimir]

jeka-3, в терминале говорится что тебе нужно делать все импорты глобальных стилей в корневом файле, то есть app.js или index.js
Попробуй, посмотри как получится, здесь этот импорт действительно не нужен.

[jeka-3]

Gimir, сделал импорт стилей, но появилась новая ошибка, close.svg
Для обработки этого типа файлов вам может потребоваться соответствующий загрузчик, в настоящее время загрузчики не настроены для обработки этого файла.

[Gimir]

jeka-3, Скинь сюда полный лог ошибки. Сгенерировал с помощью create-react-app или сам настроил вебпак?