Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Perkara yang perlu dilakukan jika penghias tindak balas melaporkan ralat

Perkara yang perlu dilakukan jika penghias tindak balas melaporkan ralat

藏色散人
藏色散人asal
2023-01-05 11:50:213276semak imbas

Penyelesaian untuk bertindak balas ralat penghias: 1. Cipta projek melalui "create-react-app mobx-study" 2. Pasang pemalam melalui "yarn add -D react-app-rewired customize-cra "; 3. Ubah suai skrip dalam fail package.json; 4. Cipta "config-overrides.js" dan ".babelrc" dalam direktori akar projek.

Perkara yang perlu dilakukan jika penghias tindak balas melaporkan ralat

Persekitaran pengendalian tutorial ini: Sistem Windows 10, react versi 18.0.0, komputer Dell G3

Apa yang perlu saya lakukan jika penghias tindak balas melaporkan ralat?

Penghias bertindak balas melaporkan ralat

1. Penghias penghias melaporkan ralat @

Apabila menggunakan penghias React buat kali pertama, ralat akan dilaporkan apabila menggunakan @
dalam projek buat kali pertama tindak balas itu tidak menyokongnya secara lalai Penghias digunakan, jadi ralat dilaporkan, jadi beberapa konfigurasi perlu dilakukan untuk menyokong penghias.

【Paparan ralat: Ralat penghuraian: Sintaks percubaan ini memerlukan pendayaan salah satu pemalam penghurai berikut: “penhias-warisan”, “penghias”.】
Perkara yang perlu dilakukan jika penghias tindak balas melaporkan ralat

1 Cipta projek

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

2 >

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

3 Ubah suai skrip dalam fail package.json

// package.json
"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  }

4 direktori akar dan tulis Kandungan berikut

const path = require('path')
const { override, addDecoratorsLegacy } = require('customize-cra')

function resolve(dir) {
    return path.join(__dirname, dir)
}

const customize = () => (config, env) => {
    config.resolve.alias['@'] = resolve('src')
    if (env === 'production') {
        config.externals = {
            'react': 'React',
            'react-dom': 'ReactDOM'
        }
    }

    return config
};
module.exports = override(addDecoratorsLegacy(), customize())

5 Cipta .babelrc dalam direktori akar projek dan tulis kandungan berikut

{
    "presets": [
        "@babel/preset-env"
    ],
    "plugins": [
        [
            "@babel/plugin-proposal-decorators",
            {
                "legacy": true
            }
        ]
    ]}
Selepas pada asasnya melengkapkan. langkah di atas, anda boleh menggunakan hiasan seperti biasa Pelayan dipasang, dan ralat @ tidak akan dilaporkan lagi. Pada masa yang sama, ralat Sokongan untuk sintaks eksperimen 'warisan penghias' yang tidak didayakan pada masa ini juga akan hilang.

2. Sokongan eksperimen untuk pengubah suai mungkin berubah dalam versi akan datang. Tetapkan pilihan "experimentalDecorators" dalam "tsconfig" atau "jsconfig" untuk mengalih keluar amaran ini. ts(1219)

Tetapan=> Cari experimentalDecorators =>


Pembelajaran yang disyorkan: "Perkara yang perlu dilakukan jika penghias tindak balas melaporkan ralattutorial video bertindak balas

"

Atas ialah kandungan terperinci Perkara yang perlu dilakukan jika penghias tindak balas melaporkan ralat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn