javascript - 构建 :Cannot find module OurFirstAppWithFVisualStudio. 模块.scss

Question

我正在使用 Visual Studio 的 NodeJS 工具构建 SPF 应用程序，如下所示:

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

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

Severity Code Description Project File Line Suppression State Error Build:Cannot find module './OurFirstAppWithFVisualStudio.module.scss'. NodejsApp1 E:\GoogleDrive\Labs\SPF\OurFirstSPFAppWithVisualStudio\src\webparts\ourFirstAppWithFVisualStudio\OurFirstAppWithFVisualStudioWebPart.ts 8

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

然而这并没有任何效果。

Answer 1

问题可能是 typescript 找不到您的模块 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.config.js 或任何其他 bundler 中配置了样式加载器(如果您不使用 webpack)。可以关注this在 webpack 中配置加载器的文章。如果这些都不起作用，也许您可​​以使用 typed-css-modules 为您的 css 模块创建声明文件。