Perkara yang perlu dilakukan jika keperluan gagal bertindak balas

Require in react gagal kerana require mengembalikan modul ES dan bukannya rentetan ia.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Apakah yang perlu saya lakukan jika require in react gagal?

Sebab dan penyelesaian untuk imej tidak sah yang diperkenalkan oleh memerlukan dalam projek react

Punca

Jika anda menggunakan aplikasi create-react-dan memerlukan untuk mengimport Imej, memerlukan mengembalikan modul ES dan bukannya rentetan. Ini kerana dalam pemuat fail, pilihan esModule didayakan secara lalai.

Penyelesaian

const image = require('../path/to/image.jpg').default;
// OR
import image from '../path/to/image.jpg';

Perbezaan antara memerlukan dan import

require ialah spesifikasi commonjs, dilaksanakan dalam nod api; import ialah sintaks es dan diproses oleh pengkompil. Oleh itu, import boleh melakukan analisis statik kebergantungan modul, dan boleh melakukan treeshaking dengan webpack, rollup, dsb.

Nilai yang dieksport oleh commonjs akan disalin memerlukan memperkenalkan nilai yang disalin (jenis rujukan hanya menyalin rujukan Nilai yang dieksport oleh modul es adalah sama (tidak termasuk lalai eksport), tanpa mengira jenis asas. atau jenis aplikasi.

Terdapat perbezaan dalam kaedah penulisan Untuk import, anda boleh menggunakan import * untuk memperkenalkan semua eksport, atau anda boleh menggunakan import aaa, {bbb} untuk memperkenalkan eksport lalai dan bukan lalai, yang lebih fleksibel. daripada memerlukan.

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Perkara yang perlu dilakukan jika keperluan gagal bertindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!