无法读取未定义的 属性 '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%'， 背景颜色：'blue'， }

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