无法对带有typescript的scss文件使用导入语句

无法对带有typescript的scss文件使用导入语句,typescript,Typescript,我已将这些声明添加到index.d.ts文件中: declare module '*.module.scss' { const classes: { [key: string]: string }; export default classes; } 但当我尝试像这样导入默认导入时: import styles from './Application.module.scss'; 我得到这个错误: 找不到模块'./Application.module.scss'.ts' 为了在Type

我已将这些声明添加到
index.d.ts
文件中:

declare module '*.module.scss' {
  const classes: { [key: string]: string };
  export default classes;
}
但当我尝试像这样导入默认导入时:

import styles from './Application.module.scss';
我得到这个错误:

找不到模块'./Application.module.scss'.ts'


为了在TypeScript中使用SCSS模块,您需要,和

在您的
webpack.config.js中使用以下
.scss
规则:

{
    test: /\.scss$/,
    include: [
        path.resolve(__dirname, "src/raw")
    ],
    use: [
        { loader: "style-loader" },
        {
            loader: "typings-for-css-modules-loader",
            options: {
                namedexport: true,
                camelcase: true,
                modules: true
            }
        },
        { loader: "sass-loader" }
    ]
}

我们需要更多信息,例如:您的项目结构是什么…似乎“Application.module.scss”被识别为typescript文件。您使用的是webpack还是其他捆绑管理器?你能给我们看一下配置吗?我正在使用webpack,但是如果你使用angular CLI,即使是vscode也不会选择它。你添加了style=scss标志了吗?