【react】tsx文件中的Module 'xxxx' has no default export

项目使用create-react-app创建，然后引入antd-mobile里面的组件报错。

报错：

在tsx引入react的时候报错，是通过将import React from "react" 改为import * as React from "react"去掉错误。

但是我们引入antd-mobile三方库这样就不行了。

我们需要在tsconfig.json里面加上配置：

"allowSyntheticDefaultImports": true

原po： https://github.com/Microsoft/TypeScript-React-Starter/issues/8#issuecomment-301265017

---

然后再tsx引入scss文件报错，cannot find module。

这时候需要我们在项目根目录添加一个名为: global.d.ts的文件

内容为：

declare module '*.scss' {
  const content: {[className: string]: string};
  export = content;
}

原po：

https://stackoverflow.com/questions/51038522/how-to-import-scss-file-as-variable-in-react-with-typescript