Apakah yang perlu saya lakukan jika Vue melaporkan ralat pada ruang?

Penyelesaian kepada ralat ruang Vue: 1. Cari fail webpack.base.conf.js dalam direktori binaan dan nyahdaftarkan peraturan di dalamnya 2. Laksanakan semula "npm run dev" 3. Buka ujian Fail .eslintrc.js dalam direktori, tambah peraturan tersuai 4. Buka peraturan, tambah "tiada-ruang-dan-tab" secara manual, kemudian takrifkannya sebagai 0 dan tutup peraturan.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi Vue 3, komputer Dell G3.

Apakah yang perlu saya lakukan jika vue melaporkan ralat ruang?

pelaporan ralat ruang vue

Saya membina projek vue semasa mengkonfigurasi laluan, pelbagai ralat muncul satu demi satu Sebagai contoh, ruang, inden, dan pelbagai kurungan Hasilnya, saya membandingkannya dengan ayat demi ayat Pengubahsuaian itu memakan masa dan tidak cekap sepanjang pagi

Ralat utama yang dilaporkan adalah seperti berikut:

Saya memintas satu bahagian laporan ralat biasa dan memilih salah satu daripadanya:

Expected indentation of 4 spaces but found 1 tab

Diterjemah, ini bermakna: 4 ruang dijangka akan diinden , tetapi 1 tab ditemui. Ini bermakna apabila Vue mengesan peraturan penulisan, ia hanya mengenali ruang dan tidak mengenali lekukan tab Pada masa ini, anda perlu mengubah suai kandungan halaman dan menggantikan tab dengan ruang, yang lebih menyusahkan sebabnya dan cari penyelesaiannya adalah seperti berikut:

Mula-mula, cari fail webpack.base.conf.js dalam direktori binaan, dan nyahdaftar bahagian ini dalam peraturan:

Simpan , dan kemudian npm sekali lagi Jalankan dev:

Walaupun laporan ralat hilang, kelemahan berbuat demikian ialah ia menghentikan semua fungsi pengesanan ralat secara paksa, dan banyak ralat tatabahasa tidak dapat dikesan pada peringkat awal tidak disyorkan, dan ia lebih memudaratkan baris dan keteraturan yang boleh dibaca. Kemudian kita perlu mencari cara lain, cuma tukar konfigurasi dalam peraturan.

Kedua, ini menggunakan fail konfigurasi lain: fail .eslintrc.js dalam direktori ujian (disyorkan)

Tambah peraturan tersuai anda, kemudian syorkan agar semua orang membiasakan diri dengan peraturan ESLint

Peraturan

Sesetengah peraturan boleh ditetapkan dalam fail konfigurasi.

Terdapat tiga tahap ralat untuk peraturan:

“off” 或者 0：关闭规则。
“warn” 或者 1：打开规则，并且作为一个警告（不影响exit code）。
“error” 或者 2：打开规则，并且作为一个错误（exit code将会是1）。

Untuk memberi anda pemahaman yang lebih baik tentang peraturan, ESLint mengelaskannya.

Semua peraturan dilumpuhkan secara lalai. Dalam fail konfigurasi, gunakan "extends": "eslint:recommended" untuk mendayakan peraturan yang disyorkan dan melaporkan beberapa masalah biasa yang disyorkan ini ditandakan dengan teg di bawah.

Kemungkinan Ralat dikonfigurasikan terhadap peraturan tersuai

Ambil ralat yang dilaporkan di atas sebagai contoh, yang berkaitan dengan lekukan ruang Cari gesaan peraturan yang berkaitan:

dan kemudian pergi kepada peraturan Di sini, tambah 'tiada-ruang-dan-tab' secara manual, kemudian takrifkannya sebagai 0, tutup peraturan

// 在这里添加自定义规则
'rules': {
// allow paren-less arrow functions
'arrow-parens': 0,
// allow async-await
'generator-star-spacing': 0,
// 禁止空格和 tab 的混合缩进
'no-mixed-spaces-and-tabs'：0，
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
}

OK, simpan dan muat semula, anda akan mendapati bahawa ralat tidak akan gesaan lebih lama, faedah daripada ini Ya, pilih peraturan yang perlu diabaikan

Pembelajaran yang disyorkan: "tutorial video vue.j"

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika Vue melaporkan ralat pada ruang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!