Webpack là gói mô-đun mã nguồn mở cho các tệp JavaScript. Nếu bạn đang cố gắng xây dựng, bạn có thể gặp phải trình duyệt trường không chứa lỗi cấu hình bí danh hợp lệ. Nếu bạn gặp vấn đề tương tự, đừng lo lắng! Chúng tôi cung cấp cho bạn một hướng dẫn tuyệt vời để khắc phục Mô-đun không tìm thấy. trình duyệt trường không chứa lỗi cấu hình bí danh hợp lệ. Ngoài ra, nếu bạn đang sử dụng Webpack2 và cố gắng tạo lại tệp cấu hình, bạn cũng có thể gặp sự cố đã đề cập. Vì vậy, hãy đọc tiếp!
Cách khắc phục trình duyệt trường không chứa cấu hình bí danh hợp lệ
Ngày nay, việc phát triển web đã trở nên dễ dàng hơn với nhiều thư viện khác nhau. Trước khi chúng ta cần học HTML, CSS và JavaScript để xây dựng một ứng dụng web. Nhưng hiện nay có nhiều thư viện khác nhau để tạo điều kiện thuận lợi cho quá trình phát triển của chúng tôi, chẳng hạn như React JS, Node JS, v.v. Webpack cũng là một công cụ phổ biến để kết hợp các tệp JavaScript. Nhưng trong quá trình làm việc với công cụ này, bạn có thể gặp một số lỗi nếu chưa quen với nó. Trong bài viết này, chúng tôi đã liệt kê các bước để khắc phục lỗi không tìm thấy mô-đun được đề cập. Lỗi này có thể khiến các ứng dụng web bị trục trặc. Thực hiện theo các bước từng bước dưới đây để giải quyết vấn đề.
Bươc 1: Sửa đổi đường dẫn nhập
Trước tiên, bạn cần sửa đổi đường dẫn nhập. Nếu bạn không thêm ./ trước đường dẫn, bạn có thể gặp lỗi này khi chạy bản dựng. Dưới đây là các bước để sửa đổi đường dẫn nhập.
1. Cuộn xuống và tìm dòng sau trong mã;
import DoISuportIt from 'components/DoISuportIt';
2. Bây giờ hãy thay đổi mã trên thành mã đã cho;
import DoISuportIt from './components/DoISuportIt';
3. Cuối cùng, khởi động lại NPM và thử xây dựng lại.
Bươc 2: Cung cấp giá trị đầu vào hợp lệ
Bạn cũng cần kiểm tra giá trị đầu vào. Thực hiện theo các bước bên dưới để sửa đổi tệp cấu hình để sửa lỗi trình duyệt trường không gặp lỗi cấu hình bí danh hợp lệ.
1. Mở tập tin cấu hình.
2. Xác định vị trí giá trị đầu vào ở đây.
3. Thêm ./ nếu thiếu
4. Cũng đảm bảo rằng giá trị của giải pháp đã được thêm vào.
Bươc 3: Sửa bí danh
Nếu bạn đang sử dụng bí danh có tên đã được sử dụng, bạn có thể gặp phải lỗi được đề cập. Việc sử dụng các biến giống nhau có thể dẫn đến lỗi trong tệp JavaScript cấu hình Webpack. Để giải quyết vấn đề này, bạn cần đảm bảo rằng tên bí danh chưa được sử dụng.
Bươc 4: Kiểm tra lỗi cú pháp
Nếu có bất kỳ lỗi chính tả nào trong tệp webpack.config.js cũng dẫn đến lỗi này. Vì vậy, bạn cần quét toàn bộ tệp cấu hình để tìm lỗi cú pháp. Quan trọng hơn, mô-đun không được tìm thấy. trình duyệt trường không chứa bí danh hợp lệ, lỗi cấu hình có thể xảy ra nếu bạn không sử dụng lệnh xuất ở cuối tệp. Vì vậy, để tránh lỗi, hãy thêm lệnh xuất khẩu sau.
export default Config;
Bươc 5: Thay đổi trường hợp
Một nguyên nhân khác có thể gây ra lỗi này là trường hợp đặc biệt được sử dụng trong cú pháp. Thực hiện theo các bước bên dưới để khắc phục thay đổi trường hợp;
1. Mở tệp cấu hình và tìm dòng đã cho;
./path/pathCoordinate/pathCoordinateForm.component
2. Thay đổi dòng trên thành mã sau;
./path/pathcoordinate/pathCoordinateForm.component
***
Chúng tôi hy vọng bạn đã tìm ra cách sửa lỗi trình duyệt trường không chứa cấu hình bí danh chính xác cho Webpack. Vui lòng liên hệ với chúng tôi với các truy vấn và đề xuất của bạn qua phần bình luận bên dưới. Hãy cho chúng tôi biết những gì bạn muốn biết tiếp theo.
