Проблемы с получением react-suite для работы в проекте Gatsby

Я только начинаю разработку с помощью Gatsby (или работаю с интерфейсом в целом), и я хотел добавить панель навигации на свой веб-сайт с помощью React Suite. Однако при импорте соответствующей таблицы стилей в мой index.js:

import 'rsuite/lib/styles/index.less';

Я получаю следующее сообщение при запуске gatsby develop:

      ERROR #98124  WEBPACK
Generating development JavaScript bundle failed
Can't resolve 'rsuite/lib/styles/index.less' in '/Users/.../src/pages'

If you're trying to use a package make sure that 'rsuite/lib/styles/index.less' is installed. If you're trying to use a local file make sure that the path is correct.

File: src/pages/index.js:14:0

failed Building development bundle - 7.237s
ERROR in ./src/pages/index.js 14:0-38
Module not found: Error: Can't resolve 'rsuite/lib/styles/index.less' in '/Users/.../src/pages'
@ ./.cache/_this_is_virtual_fs_path_/$virtual/async-requires.js 31:11-33:5
@ ./.cache/app.js 17:0-52 28:0-70 30:27-40 28:0-70

webpack compiled with 1 error

Я уже столько всего перепробовал: установка и переустановка rsuite, установка и переустановка gatsby-plugin-less и less, очищая кеш, пробуя всевозможные конфигурации в gatsby-config.js, но у меня действительно нет вариантов.

Между тем, установка react-bootstrap и аналогичным образом импортируя таблицу стилей через

import "bootstrap/dist/css/bootstrap.min.css";

не вызывает ошибки, и таблица стилей применяется.

Буду очень признателен за вашу помощь!

Источник

2 ответа

Вы можете попробовать это:

      import "rsuite/src/styles/themes/default/index.less"

https://github.com/rsuite/rsuite/blob/next/examples/with-gatsby/src/pages/index.js#L4

Источник

Я думаю, вам следует использовать:

      import '~rsuite/lib/styles/index.less';

Обратите внимание на ~, как следует из документов .

Источник
Другие вопросы по тегам