global.d.ts中声明了declare module "*.scss"，但是tsx中使用import style from "./index.module.scss"报错找不到module？

Question

这是为什么呢

Answer 1

1.把global.d.ts放在src目录下，并在tsconfig.json最后面include进去

declare module '*.vue' {
  import { defineComponent } from 'vue'
  const component: ReturnType<typeof defineComponent>
  export default component
}

{
  "compilerOptions": {
    ...
  },
  "include": ["./src"]
}

2.根据官方文档 https://webpack.docschina.org/loaders/sass-loader/ 仔细查看是否哪里漏了错了，尤其是这一段：

3.把"./index.module.scss"改成"./index.scss"试试

4.可以参照我的项目：https://github.com/su-rm-rf/fe-step2

Answer 2

刚自己解决了，可能我的问题描述的不够清楚。我也是后面才发现的，原因在于我在global.d.ts中拓展了一个第三方包的类型定义，原包中有declare global，导致样式和图片文件声明都失效了，其实这里也不是很懂ts的类型声明机制，删掉这个拓展语句后，就可以了。最后解决方案是，重新新建了一个lib.d.ts文件，把三方包拓展转移到这个文件中声明。有了解的大佬可以再详细讲讲机制和原理。