Budowa: Nie można odnaleźć modułu OurFirstAppWithFVisualStudio.module.scss

Question

Używam NodeJS narzędzia Visual Studio do budowania SPF App jak pokazano poniżej:

https://github.com/SharePoint/sp-dev-docs/wiki/Working-with-visual-studio

Jednak po wykonaniu wszystkich kroków, mam ten błąd

Kod Istotność Opis projektu File granicy stanu Tłumienie błąd kompilacji: nie można odnaleźć modułu ”./OurFirstAppWithFVisualStudio.module.scss'. NodejsApp1 E: \ Dysk Google \ Labs SPF \ \ \ src \ OurFirstSPFAppWithVisualStudio Webparty \ ourFirstAppWithFVisualStudio \ OurFirstAppWithFVisualStudioWebPart.ts 8

Kiedy sprawdzone rozwiązanie, zauważyłem plik .scss został wykluczony z roztworu, więc moje pierwsze działania było włączyć go do projektu.

Jednak to nie miało żadnego efektu.

Answer 1

Problemem jest to, być może, że maszynopis nie może znaleźć dla typowania dla modułu OurFirstAppWithFVisualStudio.module.css którym jest w stanie rozwiązać swój moduł. Wypróbuj style require. Jeśli nagranie nie jest w stanie rozwiązać funkcja require dodać następujące składniki w .d.ts pliku

declare interface IRequire { 
<T>(path: string): T; 
(paths: string[], callback: (...modules: any[]) => void): void; 
ensure: (paths: string[], callback: (require: <T>(path: string) => T) => void) => void; 
} 

declare var require: IRequire; 

w projekcie. Nie musisz wykonywać import styles from './...scss'. Po prostu importowanie lub wymaganie pliku powinno załatwić sprawę. Chociaż upewnij się, że skonfigurowałeś ładowarki stylu w twoim webpack.config.js lub innym pakowalni, jeśli nie korzystasz z pakietu internetowego. Możesz zapoznać się z artykułem this, aby skonfigurować moduły ładujące w pakiecie sieci Web. Jeśli żadna z tych opcji nie działa, być może możesz utworzyć pliki deklaracji dla swoich modułów css, używając typed-css-modules