Есть ли способ устранить ошибку Stylelint для точек с запятой в CSS переменных? - PullRequest
0 голосов
/ 03 августа 2020
  • React. js
  • Css in JS (Emotion)

Он состоит из вышеперечисленного.

Stylelint - это настроен следующим образом.

module.exports = {
  extends: [
    "stylelint-config-standard",
    "./node_modules/prettier-stylelint/config.js",
  ],
  ignoreFiles: ["**/node_modules/**", "src/styles/**"],
  plugins: ["stylelint-order"],
  rules: {
    "declaration-empty-line-before": "never",
    indentation: 2,
    "no-missing-end-of-source-newline": null,
    "string-quotes": "single",
    "order/properties-alphabetical-order": true,
  },
};

CSS выглядит следующим образом.

import emotionReset from "emotion-reset";

const globalStyle = css`
  ${emotionReset};
`;

Следующее сообщение об ошибке появляется для ${emotionReset};.

Неожиданные дополнительные точка с запятой (без дополнительных точек с запятой) stylelint (без дополнительных точек с запятой)

Ошибка

Есть ли способ устранить эту ошибку? Кстати, вы увидите ошибку, но CSS работает.

Я думал, что отключение no-extra-semicolons решит проблему, но, похоже, нет возможности отключить его. без лишних точек с запятой · stylelint

1 Ответ

1 голос
/ 05 августа 2020

Это похоже на действительное предупреждение. Вы сможете исправить это, удалив точку с запятой из выделенной строки.

Замените:

  ${emotionReset};

на:

  ${emotionReset}

Кстати , вы увидите ошибку, но CSS работает.

Дополнительная точка с запятой обычно не нарушает ваш CSS. Но он тоже ничего не добавляет , так что его можно безопасно удалить.

Я думал, что отключение без дополнительных точек с запятой решит проблему, но это не так. Кажется, нет возможности отключить его.

Вы можете использовать null, чтобы отключить правило. См. Документацию по настройке stylelint для получения более подробной информации .

...