react 的Antd Design 报错

Question

使用antd design的Table就报这个错误，其他组件没问题的说~~

import React from "react";

import { Table } from "antd";

const columns = [{

    title: 'Name',

    dataIndex: 'name',

    width: 150,

}, {

    title: 'Age',

    dataIndex: 'age',

    width: 150,

}, {

    title: 'Address',

    dataIndex: 'address',

}];

const data = [];

for (let i = 0; i < 100; i++) {

    data.push({

        key: i,

        name: `Edward King ${i}`,

        age: 32,

        address: `London, Park Lane no. ${i}`,

    });

}

const TableByBuyi = () => (

    <div>

        <Table columns={columns} dataSource={data} pagination={{ pageSize: 50 }} scroll={{ y: 240 }} />

    </div>

    )

export default TableByBuyi;

报错：

@media \0screen {

     ^

Media definitions require block statements after any features

      in D:\antd-demo\node_modules\antd\lib\checkbox\style\index.css (line 180, column 7)

Answer 1

在你的index.css 中 媒体查询后面 0 是什么？

Answer 2

可以看看官方这个issue