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

Question

我正在使用NodeJS工具为visual studio构建一个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或任何其他捆绑器中配置了样式加载器。您可以按照这篇文章在 webpack 中配置 loader。如果这些都不起作用，也许您可​​以使用typed-css-modules为 css 模块创建声明文件