小编ran*_*_18的帖子

更新包 JSON 文件中的包后，我收到此错误。

./src/assets/img/pickUp.svg (./node_modules/@svgr/webpack/lib?-svgo,+titleProp,+ref!./src/assets/img/pickUp.svg)
TypeError: Cannot read property 'tagName' of null

我只是像这样导入 svg 文件：我已经检查了补丁是否正确并且在更新软件包之前正在工作。

import { ReactComponent as Moped } from '../../assets/img/moped.svg';

这是包 JSON 文件：

    "dependencies": {
        "@atlaskit/css-reset": "^6.0.5",
        "@elastic/charts": "^38.0.1",
        "@elastic/datemath": "^5.0.3",
        "@elastic/eui": "^40.0.0",
        "@fortawesome/fontawesome-svg-core": "^1.2.34",
        "@fortawesome/free-brands-svg-icons": "^5.15.2",
        "@fortawesome/free-regular-svg-icons": "^5.15.2",
        "@fortawesome/free-solid-svg-icons": "^5.15.2",
        "@fortawesome/react-fontawesome": "^0.1.16",
        "@sentry/browser": "^6.13.3",
        "@sentry/react": "^6.13.3",
        "@sentry/tracing": "^6.13.3",
        "@synapsestudios/react-drop-n-crop": "^0.2.0",
        "axios": "^0.23.0",
        "babel-jest": "^26.6.0",
        "babel-loader": "^8.1.0",
        "base64-img": "^1.0.4",
        "canvg": "^3.0.7",
        "cra-append-sw": "^2.7.0",
        "date-fns": "^2.14.0",
        "electron-firebase": "^1.2.0",
        "electron-is-dev": "^2.0.0",
        "electron-log": "^4.4.1",
        "electron-pos-printer": "^1.2.4",
        "electron-print": "^1.0.2",
        "electron-push-receiver": "^2.1.3", …

我background-color从 API 中得到一个变量名settings.brand_color。我想在 html 元素中使用该变量。我不能使用style属性，因为我:before在我的应用程序中使用了选择器。我想在我的 css 文件中传递该 API 变量并在我的:before伪选择器中使用它。

JSX

      <input
        id={languageLabel}
        type="radio"
        name="language-select"
        value={languageLabel}
        // defaultChecked={index === 0}
        onChange={() => {
          onLanguageChange(language, languageLabel);
        }}
        className="focus:ring-0  mr-5 my-18p default-style radio__input"
      />
      <div className="radio__radio"></div>

CSS

.radio__radio {
  width: 24px;
  height: 24px;
  background-color: #d8d8d8;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 6px;
  margin-right: 20px;
  z-index: 1;
}

.radio__radio::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #f28b46;
  border-radius: 50%;
  transform: scale(0);
  z-index: …