injectGlobal 方法替换成了 createGlobalStyle 没有任何的报错初始化样式不生效

Question

app.js文件

import React, { Component } from "react";
import { GlobalStyle } from "./style";
class App extends Component {
  render() {
    return (
      <div>
        <GlobalStyle />
        <div className="dell">你好</div>
      </div>
    );
  }
}

export default App;



style.js文件

import { createGlobalStyle } from "styled-components";
export const GlobalStyle = createGlobalStyle`
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }    
    body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }    
    h1, h2, h3, h4, h5, h6{ font-size:100%; }    
    address, cite, dfn, em, var { font-style:normal; }    
    code, kbd, pre, samp { font-family:couriernew, courier, monospace; }    
    small{ font-size:12px; }    
    ul, ol { list-style:none; }    
    a { text-decoration:none; }    
    a:hover { text-decoration:underline; }    
    sup { vertical-align:text-top; }    
    sub{ vertical-align:text-bottom; }    
    legend { color:#000; }    
    fieldset, img { border:0; }    
    button, input, select, textarea { font-size:100%; }  
`;

Answer 1

安然一心 2019-03-13 15:51:37

把你样式里的第二行 字体样式后面的  \5b8b\4f53 删掉

Answer 2

月美 2019-03-24 11:21:28

你好请问解决了吗，我也是全局样式不生效

• 提问者 上官元西 #1

  是css初始化问题，你在检查下

• 月美 回复 提问者 上官元西 #2

  我引入组件样式没有问题，就是全局引入到index.js中，浏览器的默认样式还在

Answer 3

Dell 2019-03-12 22:22:48

我看下报错内容