Javascript 为什么ant design没有';t在reactjs中加载CSS
我用react和ant设计了一个前端,但我有问题 没有错误,但页面看起来像没有CSS的html 我使用布局组件 这就是我使用的:(页眉内容页脚) npm版本:6.14.9 nodejs版本:14.15.3 下面是一些代码: src/index.js:Javascript 为什么ant design没有';t在reactjs中加载CSS,javascript,node.js,reactjs,antd,Javascript,Node.js,Reactjs,Antd,我用react和ant设计了一个前端,但我有问题 没有错误,但页面看起来像没有CSS的html 我使用布局组件 这就是我使用的:(页眉内容页脚) npm版本:6.14.9 nodejs版本:14.15.3 下面是一些代码: src/index.js: import React from "react"; import ReactDom from "react-dom"; import App from "./app"; class
import React from "react";
import ReactDom from "react-dom";
import App from "./app";
class CustomMain extends React.Component {
render() {
return <App />;
}
}
ReactDom.render(<CustomMain />, document.getElementById("root"));
听起来您缺少导入内容。
确保添加了
import'antd/dist/antd.css'
在index.js
文件中
您可以在此处查找更多信息:
import React from "react";
import CustomLayout from "./containers/Layout";
class App extends React.Component {
render() {
return <CustomLayout />;
}
}
export default App;
import React from "react";
import CustomLayout from "./containers/Layout";
class App extends React.Component {
render() {
return <CustomLayout />;
}
}
export default App;
{
"name": "gui",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.11.6",
"@testing-library/react": "^11.2.2",
"@testing-library/user-event": "^12.6.0",
"antd": "^4.9.4",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.1",
"web-vitals": "^0.2.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}