Was soll ich tun, wenn ich eine Fehlermeldung erhalte, wenn React antd einführt?

Lösung für den Fehler, wenn React antd einführt: 1. Laden Sie „babel-plugin-import“ über „yarn add babel-plugin-import“ herunter. 2. Konfigurieren Sie Plugins in den Babel-Optionen. 3. In „webpack.config.js“; Suchen Sie die Funktion „getStyleLoaders()“ in der Datei und fügen Sie den benutzerdefinierten Designcode hinzu.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Was soll ich tun, wenn ich eine Fehlermeldung erhalte, wenn React antd einführt? React verwendet antd, um bei Bedarf zu importieren und Fehler zu melden Um das Laden bei Bedarf zu konfigurieren, ist es nicht möglich, „garn eject“ auszuführen und die Konfigurationsdatei des React-Scaffolding-Webpacks verfügbar zu machen. Andernfalls wird der obige Fehler gemeldet. Wenn Sie die Konfigurationsdatei verfügbar machen müssen, können Sie das Laden bei Bedarf mit der folgenden Methode konfigurieren.

Verwenden Sie babel-plugin-import

antdHerunterladen

npm install babel-plugin-import --save-dev 或
yarn add babel-plugin-import

Konfigurieren Sie die package.json-Datei

Konfigurieren Sie einfach die Plugins in den Babel-Optionen und setzen Sie den Stil auf „true“, Sie können das Thema für antd anpassen. Wenn ein Fehler gemeldet wird, liegt das meist daran, dass weniger zu hoch ist. Es muss eine Version kleiner als 3.0.0 installiert werden. Garn add less@2.7.3. Führen Sie es nach erfolgreicher Installation erneut aus.

"babel": {
  "presets": [
    "react-app"
  ],
  + "plugins": [
  +  [
  +    "import",
  +   {
  +      "libraryName": "antd",
  +      "style": true
  +    }
  + ]
  +]
}

antd-benutzerdefiniertes Theme

Wenn style auf true gesetzt ist, wird beim Ausführen des Projekts die weniger-Datei von antd neu verpackt und die neueste Style-Datei geladen. Suchen Sie die Funktion getStyleLoaders() in der Datei webpack.config.js, fügen Sie den folgenden Code hinzu und passen Sie unser Design in changesVars an.

• Empfohlenes Lernen: „
Video-Tutorial reagieren

“

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn ich eine Fehlermeldung erhalte, wenn React antd einführt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!