stylelint在create-react-app @ import-normalize抛出错误

Question

我按照此文档将CSS重置添加到了我的应用。
https://create-react-app.dev/docs/adding-css-reset/#indexcss

但是它显示了此消息：

import pandas as pd
from pandas.io.json import json_normalize
data = [
  {
    "tags": {
        "ID": "99909",
        "type": "fff",
        "ID2": "565789"
    },
    "timestamp": 1500079519064,
    "tenant": "dxy",
    "tstable": "data",
    "user": "writer",
    "fields": {
        "a": "0.003",
        "b": "0.011",

    }
}]

df = pd.DataFrame.from_dict(json_normalize(data), orient='columns')

print(df)

如何解决此问题？这很烦人...

Answer 1

@import-normalize是非标准规则。来自rule's documentation：

此规则认为CSS规范中定义的规则（包括编辑草稿在内）是已知的。

但是，对于该用例，该规则具有an ignoreAtRules secondary option，您可以在其中列出您正在使用的非标准进口。

例如，在您的package.json中：

{
  "stylelint": {
    "extends": "stylelint-config-recommended",
    "rules": {
      "at-rule-no-unknown": [true, {
        "ignoreAtRules": ["import-normalise"]
      }
    }
  }
}

或在您的.stylelintrc文件中：

{
  "extends": "stylelint-config-recommended",
  "rules": {
    "at-rule-no-unknown": [true, {
      "ignoreAtRules": ["import-normalise"]
    }
  }
}

Answer 2

对于VS代码-

要使VS Code能够识别此自定义CSS指令，您可以按此处所述https://github.com/Microsoft/vscode-css-languageservice/blob/master/docs/customData.md为VS Code的CSS语言服务提供自定义数据。

使用以下信息创建CSS自定义数据集文件。将其放置在相对于项目根目录的位置.vscode/custom.css-data.json。

{
  "version": 1.1,
  "properties": [],
  "atDirectives": [
    {
      "name": "@import-normalize",
      "description": "bring in normalize.css styles"
    }
  ],
  "pseudoClasses": [],
  "pseudoElements": []
}

现在，如果尚未创建，请相对于项目根目录创建一个.vscode\settings.json文件。添加一个具有键“ css.customData”和值的字段，作为自定义数据集的路径。例如，

{
  "css.customData": ["./.vscode/custom.css-data.json"]
}

现在，您将不再收到“规则不明”警告。将鼠标悬停在“ @ import-normalize”上时，您会在custom.css-data.json

中看到为其设置的说明