build立：找不到模块OurFirstAppWithFVisualStudio.module.scss

我正在使用NodeJS工具为Visual Studio构build一个SPF应用程序，如下所示：

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

但是在做完所有步骤之后，我有这个错误

严重级代码说明项目文件行抑制状态错误构build：找不到模块“./OurFirstAppWithFVisualStudio.module.scss”。 NodejsApp1 E：\ GoogleDrive \ Labs \ SPF \ OurFirstSPFAppWithVisualStudio \ src \ webparts \ ourFirstAppWithFVisualStudio \ OurFirstAppWithFVisualStudioWebPart.ts 8

当我检查解决scheme时，我注意到.scss文件被排除在解决scheme之外，所以我的第一个操作是将其包含在项目中。

但是，这没有任何影响。

Answer 1

问题可能是打字稿无法find您的模块OurFirstAppWithFVisualStudio.module.css它无法解决您的模块的types。 尝试require样式。 如果typescript无法parsingrequire函数，请在.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' 。 简单地导入或需要文件应该做的伎俩。 尽pipe确保在webpack.config.js或任何其他webpack.config.jsconfiguration了样式加载器（如果不使用webpack的话）。 你可以按照这篇文章在webpack中configuration装载机。 如果这两者都不工作，也许你可以使用typed-css-modules为你的css模块创build声明文件