полярис шопифи импорт импорт css вопрос - PullRequest
Новая
       51

полярис шопифи импорт импорт css вопрос

0 голосов
/ 16 октября 2018

, когда я пытаюсь импортировать styles.css из App.js следующим образом 

import React from 'react';
import {render} from 'react-dom';
import * as PropTypes from 'prop-types';
import {AppProvider, Page, Card, Button} from '@shopify/polaris';
import '@shopify/polaris/styles.css'; // << issue

import SettingsForm from './SettingsForm';

class App extends React.Component { 
static contextTypes = {
  easdk: PropTypes.object,
};

render() { 
  return (
    <AppProvider>
      <Page title="Settings">
        <SettingsForm />
      </Page>
    </AppProvider>
  );
}
}

export default App;

Я получаю ошибку: Не удалось скомпилировать 

./node_modules/@shopify/polaris/styles.css (./node_modules/css-loader??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./node_modules/@shopify/polaris/styles.css)
Unclosed bracket (3864:37)

  3862 |     background-color:#c4cdd5;
  3863 |     background-color:var(--progress-upper, #c4cdd5);
> 3864 |     background-image:linear-gradient(to right, transparent 0%, transparent 0%, transparent 100%, transparent 100% transparent;
       |                                     ^
  3865 |     background-image:linear-gradient(to right, var(--progress-lower, transparent) 0%, var(--progress-lower, transparent) var(--Polaris-RangeSlider-progress, 0%), var(--progress-upper, transparent) var(--Polaris-RangeSlider-progress, 100%), var(--progress-upper, transparent) 100%);
  3866 |     border:none;

Iпроверил, что css внутри node_modules/@shopify/polaris/styles.css совпадает с https://sdks.shopifycdn.com/polaris/2.12.1/polaris.css

Я выполнил глобальный поиск по этой строке background-image:linear-gradient(to right, transparent 0%, transparent 0%, transparent 100%, transparent 100% transparent;, но результат оказался равным 0Почему я получаю ошибку здесь и как я могу это исправить, пожалуйста?спасибо.

Ответы [ 2 ]

0 голосов
/ 22 октября 2018

Это была известная проблема

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

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

0 голосов
/ 16 октября 2018

Не импортируйте css в node_modules в App.js, если вы хотите перезаписать некоторые параметры в node_modules, вы должны создать файл css или меньше и импортировать css в файл css или меньше. И есть много cssсвойство в @ shopify / polaris / styles.css, поэтому нет необходимости импортировать их все.

...