Ошибка Polaris Shopify при импорте style.css

Question

Я получаю ошибку компиляции, когда я import "@shopify/polaris/styles.css";

Это изображение ошибки:

Но всякий раз, когда я захожу в styles.css и выполняю поиск строки с ошибками, он не находит ее, поэтому создается впечатление, что эта строка не существует. Любая помощь будет отличной. Спасибо!

Answer 1

Это была известная проблема, подробно описанная в следующей проблеме:

https://github.com/Shopify/polaris/issues/441

Обновитесь до следующей версии (3.0.0-RC3) и все должно быть в порядке

Answer 2

Если вы находитесь в 2022 году и получаете ту же ошибку, это потому, что они снова перенесли ее. Используйте это в своем компоненте AppProvider.

import "@shopify/polaris/build/esm/styles.css";

Answer 3

Чтобы перейти на Polaris 3.0.0-RC4 из командной строки, вы можете просто использовать npm:

npm install https://github.com/Shopify/polaris-react.git#78946cfa2b75592a5ccc536bf2176be8dadb1bfa --save-dev

Answer 4

Если вы не хотите обновлять, как предлагалось в предыдущем ответе, вы также можете просто добавить прямую ссылку CSS в ваш HTML-файл и удалить "import "@shopify/polaris/styles.css";"

<link rel="stylesheet" href="https://sdks.shopifycdn.com/polaris/2.12.1/polaris.min.css" />