Question

我正在尝试使用简单的injectGlobal API，但无法使其与打字稿一起使用。我在theme.tsx

中进行了以下设置

import * as styledComponents from "styled-components";
import { ThemedStyledComponentsModule } from "styled-components";
import IThemeInterface from "./theme";
const {
  default: styled,
  css,
  injectGlobal,
  keyframes,
  ThemeProvider
} = styledComponents as ThemedStyledComponentsModule<IThemeInterface>;
export default styled;
export { css, injectGlobal, keyframes, ThemeProvider };

在我的App.tsx中，我只是做

import { injectGlobal} from '../theme.tsx'

并尝试正常使用它，但总会出现以下错误

unused expression, expected an assignment or function call

正在寻找任何建议！

Answer 1

该错误似乎来自tslint no-unused-expression rule。您可以通过在injectGlobal中添加allow-tagged-template选项，从规则中免除对tslint.conf之类的模板标签的调用，如下所示：

{
    "rules": {
        "no-unused-expression": [true, "allow-tagged-template"]
        // ...
    }
}

结合使用typeType的injectGlobal样式组件API

1 个答案: