Was tun, wenn der React Decorator einen Fehler meldet?

Lösung für den React-Decorator-Fehler: 1. Erstellen Sie das Projekt über „create-react-app mobx-study“ 2. Installieren Sie das Plug-in über „yarn add -D reagieren-app-rewired-customize-cra“; . Ändern Sie die Paketskripte in der .json-Datei. 4. Erstellen Sie „config-overrides.js“ und „.babelrc“ im Projektstammverzeichnis.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, React-Version 18.0.0, Dell G3-Computer

Was soll ich tun, wenn der React Decorator einen Fehler meldet?

Die Dekorateure von React haben einen Fehler gemeldet @

Es wird ein Fehler gemeldet, da React Dekoratoren standardmäßig nicht unterstützt. Daher wird ein Fehler gemeldet, sodass einige Konfigurationen vorgenommen werden müssen, um Dekoratoren zu unterstützen.

【Fehleranzeige: Parsing-Fehler: Diese experimentelle Syntax erfordert die Aktivierung eines der folgenden Parser-Plugins: „decorators-legacy“, „decorators“.】

1. Projekt erstellen

npm install -g create-react-app  
// 安装create-react-app，已安装请忽略
create-react-app mobx-study

2. Installieren Sie das Plug-in – ändern Sie die Webpack-Konfiguration in „create-react-app“

3. Ändern Sie das Skriptskript in der Datei „package.json“

4. Erstellen Sie config-overrides.js in das Projektstammverzeichnis und schreiben Sie den folgenden Inhalt

5. Erstellen Sie .babelrc im Projektstammverzeichnis und schreiben Sie den folgenden Inhalt

yarn add -D react-app-rewired customize-cra 
yarn add -D @babel/core @babel/plugin-proposal-decorators @babel/preset-env

Nachdem Sie die obigen Schritte im Wesentlichen ausgeführt haben, können Sie den Dekorator normal und den @-Fehler verwenden wird nicht mehr gemeldet. Gleichzeitig wird auch der Fehler „Unterstützung für die experimentelle Syntax „decorators-legacy“ ist derzeit nicht aktiviert“ verschwinden.

2. Die experimentelle Unterstützung für Modifikatoren kann sich in zukünftigen Versionen ändern. Setzen Sie die Option „experimentalDecorators“ in „tsconfig“ oder „jsconfig“, um diese Warnung zu entfernen. (1219)

Das obige ist der detaillierte Inhalt vonWas tun, wenn der React Decorator einen Fehler meldet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!