javascript - 无法读取未定义的属性“createStyleSheet”

Question

我正在使用 jss，我想简单地将全局 css 添加到页面中。

我的代码：

import jss from 'jss'
import jssGlobal from 'jss-global'

const styles = {
  '@global': {
    body: {
      margin: 0,
    }
  }
}

const sheet = jss.default
  .use(jssGlobal.default())
  .createStyleSheet(styles)
  .attach()

sheet.attach()

我收到错误：无法读取未定义的属性“createStyleSheet”

我遵循这个例子： https ://github.com/cssinjs/examples/blob/gh-pages/plugins/jss-global/app.js

Answer 1

您缺少一对大括号。尝试这个：

const styles = {
  '@global': {
      body: {
      margin: 0,
    }
  }
}

Answer 2

找到了解决我的问题的方法：

常量样式= {'@global'：globalStyles，宽度：'100％'，背景颜色：'蓝色'，}

  jss.setup({
    plugins: [jssGlobal()],
  })
  const sheet = jss.createStyleSheet(styles).attach()
  sheet.attach()