Không thể tìm thấy mô-đun scss phản ứng nguyên cảo
Tôi đang cố gắng nhập một chủ đề từ mô-đun CSS nhưng TypeScript báo cho tôi lỗi "Không thể tìm thấy mô-đun" và chủ đề không được áp dụng trong thời gian chạy. Tôi nghĩ có gì đó không ổn với cấu hình Webpack của mình nhưng tôi không chắc vấn đề nằm ở đâu Show
Tôi đang sử dụng các công cụ sau
Đây là
và
Điều gì khác được yêu cầu để cho phép nhập mô-đun biểu định kiểu an toàn? Tạo các tệp định nghĩa TypeScript ( export const text: string; export const textHighlighted: string;4) cho các Mô-đun CSS được viết bằng SCSS (_______3_______5). Kiểm tra bài đăng này để tìm hiểu thêm về lý do và nguồn cảm hứng đằng sau gói này Ví dụ: đưa ra SCSS sau @import "variables"; .text { color: $blue; &-highlighted { color: $yellow; } } Các định nghĩa kiểu sau sẽ được tạo export const text: string; export const textHighlighted: string; Sử dụng cơ bảnCài đặt và chạy như một export const text: string; export const textHighlighted: string;6 ________số 8_______ Hoặc, cài đặt trên toàn cầu yarn global add typed-scss-modules typed-scss-modules src Hoặc, với npm npm install -D typed-scss-modules npx typed-scss-modules src Tùy chọn CLIĐối với tất cả các lệnh có thể, hãy chạy export const text: string; export const textHighlighted: string;7 Đối số bắt buộc duy nhất là thư mục chứa tất cả các tệp SCSS. Đang chạy export const text: string; export const textHighlighted: string;8 sẽ tìm kiếm tất cả các tệp phù hợp với export const text: string; export const textHighlighted: string;9. Điều này có thể được ghi đè bằng cách cung cấp một mẫu thay vì một thư mục. Ví dụ, yarn add -D typed-scss-modules yarn typed-scss-modules src0 yarn add -D typed-scss-modules yarn typed-scss-modules src1 (yarn add -D typed-scss-modules yarn typed-scss-modules src2)
Theo dõi các tệp được thêm hoặc được thay đổi và tạo các định nghĩa loại tương ứng yarn add -D typed-scss-modules yarn typed-scss-modules src6
Bỏ qua bản dựng ban đầu khi vượt qua cờ theo dõi. Sử dụng điều này khi chạy đồng thời với một chiếc đồng hồ khác, nhưng quá trình xây dựng ban đầu sẽ diễn ra trước. Bạn sẽ chạy mà không có đồng hồ trước, sau đó bắt đầu chạy đồng thời sau yarn global add typed-scss-modules typed-scss-modules src0
Một mẫu hoặc một mảng các mẫu toàn cầu để loại trừ các tệp khớp và tránh tạo các định nghĩa kiểu yarn global add typed-scss-modules typed-scss-modules src4 (yarn global add typed-scss-modules typed-scss-modules src5)
Một loạt các đường dẫn để xem xét nhằm cố gắng giải quyết các khai báo yarn global add typed-scss-modules typed-scss-modules src9 của bạn. Ví dụ này sẽ tìm kiếm thư mục npm install -D typed-scss-modules npx typed-scss-modules src0 khi giải quyết việc nhập npm install -D typed-scss-modules npx typed-scss-modules src1
npm install -D typed-scss-modules npx typed-scss-modules src7 (npm install -D typed-scss-modules npx typed-scss-modules src8)
Một đối tượng bí danh để ánh xạ tới các đường dẫn tương ứng của chúng. Ví dụ này sẽ thay thế bất kỳ .text { color: blue; &-highlighted { color: yellow; } }2 bằng .text { color: blue; &-highlighted { color: yellow; } }3 .text { color: blue; &-highlighted { color: yellow; } }4 (______44_______5)
Một đối tượng của các chuỗi tiền tố để thay thế bằng các đường dẫn tương ứng của chúng. Ví dụ này sẽ thay thế bất kỳ .text { color: blue; &-highlighted { color: yellow; } }9 bằng export const text: string; export const textHighlighted: string;0. Điều này phù hợp với trường hợp sử dụng phổ biến để nhập tệp scss từ node_modules khi export const text: string; export const textHighlighted: string;1 sẽ được sử dụng với export const text: string; export const textHighlighted: string;2 để biên dịch dự án export const text: string; export const textHighlighted: string;3 (export const text: string; export const textHighlighted: string;4)
Định dạng đặt tên lớp sẽ sử dụng khi chuyển đổi các lớp thành định nghĩa kiểu
export type Styles = { text: string; textHighlighted: string; }; export type ClassNames = keyof Styles; declare const styles: Styles; export default styles;5 (______76_______6)
Liệt kê bất kỳ tệp định nghĩa loại nào khác với những tệp sẽ được tạo. Nếu có bất kỳ thông tin nào khác, hãy thoát với mã trạng thái export type ClassesType = keyof Styles;0 export type ClassesType = keyof Styles;1 (export type ClassesType = keyof Styles;2)
Loại xuất sẽ sử dụng khi tạo định nghĩa loại
|