構建：找不到模塊OurFirstAppWithFVisualStudio.module.scss

Question

我使用工具的NodeJS爲建設一個SPF應用程序如Visual Studio如下所示：

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

但是這樣做的所有步驟後，我有這樣的錯誤

嚴重性代碼描述項目文件中的行抑制狀態 錯誤生成：找不到模塊 」 ./OurFirstAppWithFVisualStudio.module.scss'。 NodejsApp1 E：\ Google雲端硬盤\實驗室\ SPF \ OurFirstSPFAppWithVisualStudio的\ src \的WebParts \ ourFirstAppWithFVisualStudio \ OurFirstAppWithFVisualStudioWebPart.ts 8

當我檢查瞭解決方案，我注意到.scss文件從溶液中排除了，所以我的第一個動作將其納入該項目。

但是這沒有任何效果。

Answer 1

的問題也許是打字稿找不到的分型爲模塊OurFirstAppWithFVisualStudio.module.css它被暫時無法解決您的模塊。嘗試使用require樣式。如果打字稿是無法解決的require功能添加在.d.ts文件

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; 

下在你的項目中。你不需要做import styles from './...scss'。簡單地導入或需要文件應該有所斬獲。儘管如果您不使用webpack，請確保您已在webpack.config.js或任何其他捆綁器中配置了樣式裝入器。您可以按照this文章在webpack中配置裝載機。如果這些都不起作用，或許你可以使用typed-css-modules

爲你的css模塊創建聲明文件