构建：找不到模块OurFirstAppWithFVisualStudio.module.scss

Question

我在Visual Studio中使用NodeJS工具来构建SPF应用程序，如下所示：

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

然而，在完成所有步骤后，我有这个错误

  

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

当我检查解决方案时，我注意到.scss文件已从解决方案中排除，因此我的第一个操作是将其包含在项目中。

但是没有任何效果。

Answer 1

问题可能是打字稿无法找到模块OurFirstAppWithFVisualStudio.module.css的类型，因为它无法解析您的模块。尝试require样式。如果typescript无法解析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模块创建声明文件