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

我也碰到这个问题了，求答案。。。。。

Answer 2

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

Answer 3

可以看看官方这个issue

Answer 4

找到解决办法了吗？我也是同样的问题。。目前就table组件包这个错误