Khi đang chạy Gulp, bạn có thể gặp lỗi có nội dung như "không thể tìm thấy mô-đun gulp-sass".
Thông báo lỗi này có nghĩa là Gulp đang cố gắng chạy một chức năng từ gói gulp-sass, nhưng nó không thể tìm thấy nó.
Nếu bạn đang gặp phải lỗi khó chịu này, đây là một số bản sửa lỗi mà bạn có thể sử dụng để loại bỏ nó.
Kiểm tra thư mục node_modules của bạn
Khi bạn cài đặt các gói npm, npm sẽ tạo một node_modules thư mục trong thư mục gốc dự án của bạn. Nó cũng sẽ thêm các gói bạn đã cài đặt vào package.json của mình và package-lock.json tệp.
Bạn có thể xác nhận rằng một gói đã được cài đặt bằng cách đảm bảo rằng gói đó được liệt kê trong package của bạn và package-lock.json các tập tin. Và kiểm tra kỹ node_modules của bạn để đảm bảo gói nằm trong một thư mục con ở đó.
Cuối cùng, hãy đảm bảo rằng bạn đang chạy trang web hoặc ứng dụng web của mình từ thư mục gốc của dự án và thư mục gốc chứa node_modules thư mục như một thư mục con trực tiếp. Nếu node_modules thư mục không ở vị trí đó, nó có thể gây ra lỗi này.
Cài đặt thủ công mô-đun gulp-sass
Nếu bạn không thấy gulp-sass gói trong node_modules của bạn hoặc vẫn gặp sự cố, bạn có thể thử cài đặt lại gói.
Đầu tiên, hãy mở package.json của bạn và package-lock.json tệp và xóa mọi tham chiếu đến gulp-sass và node-sass mà bạn thấy. Điều này sẽ đảm bảo rằng bạn sẽ cài đặt lại phiên bản cập nhật nhất của gói.
Sau đó, chạy npm install gulp-sass hoặc npm install gulp-sass --save-dev để cài đặt và lưu trong package.json tập tin. Thêm --save-dev cờ sẽ thêm các gói vào devDependencies phần package.json của bạn tập tin.
Nếu bạn không thêm cờ, nó sẽ được thêm vào dependencies phần của tệp. Đặc biệt nếu bạn chỉ đang làm việc tại địa phương, việc bạn sử dụng phần nào không quan trọng, vì vậy hãy làm theo tùy chọn của riêng bạn về phần này.
Lưu ý rằng điều này sẽ cài đặt gói cục bộ trong thư mục dự án của bạn và gói sẽ chỉ có thể truy cập được từ dự án đó. Bạn cũng có thể cài đặt các gói trên toàn cầu trên máy tính của mình để có thể truy cập chúng từ bất kỳ thư mục nào khác.
Bạn có thể thực hiện việc này bằng cách thêm toàn cục (-g ) gắn cờ cho install như sau:npm install -g gulp-sass .
Tuy nhiên, tôi thường cài đặt các gói cục bộ cho dự án. Tôi cài đặt gulp-cli trên toàn cầu, nhưng mọi thứ khác tôi chỉ giữ cục bộ.
Xóa và cài đặt lại tất cả các gói npm
Nếu chỉ gỡ bỏ và cài đặt lại chỉ gulp-sass gói không hoạt động, bạn có thể thử xóa và cài đặt lại tất cả các gói npm của mình.
Trước tiên, hãy đảm bảo rằng tất cả các gói bạn cần trong dự án của mình đều tồn tại trong package.json của bạn tập tin. Đồng thời đảm bảo rằng gulp-sass tồn tại trong package.json của bạn tệp.
Sau đó, xóa node_modules của bạn thư mục. Bạn có thể thực hiện việc này bằng cách xóa khỏi trình khám phá tệp của mình hoặc chạy rm node_modules trong dòng lệnh. Nếu gặp lỗi hoặc gặp khó khăn khi xóa thư mục, bạn có thể thử cài đặt gói npm có tên là rimraf giúp xóa.
Tôi cài đặt rimraf trên toàn cầu trên máy tính của mình để tôi có thể chạy nó từ bất kỳ thư mục nào. Bạn có thể cài đặt rimraf trên toàn cầu bằng cách chạy npm install -g rimraf . Sau đó, bạn có thể cố gắng xóa thư mục bằng cách chạy rimraf node_modules từ dòng lệnh gốc của dự án.
Nếu bạn vẫn gặp sự cố hoặc gặp lỗi như node_modules\@types is not accessible trước tiên bạn có thể cần phải đóng VS Code hoặc bất kỳ trình soạn thảo mã nào bạn đang sử dụng. Sau đó, hãy thử xóa lại thư mục.
Khi bạn đã xóa thành công node_modules thư mục, chạy npm install từ gốc dự án của bạn để cài đặt tất cả các gói bạn đã liệt kê.