构建：找不到模块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模块创建声明文件