无法对带有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标志了吗?