javascript - React JS 中的 CSS 模块不起作用,我已经尝试了所有的方法,但没有解决
问题描述
一切似乎都是正确的,但我不知道为什么我不能在我的项目中使用 CSS。我尝试过不以 CSS 文件名编写模块,但它没有用。我已经尝试了一切,但没有一个对我有用。
import React, { Component } from 'react';
import styles from './App.module.css';
class App extends Component {
render(){
return (
<div>
<h1 className={styles.blue}>Burger Builder</h1>
</div>
);
}
}
export default App;
我的 CSS 文件,
.blue{
color: blue;
}
包.json 文件
{
"name": "burger-builder",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "^1.1.5",
"web-vitals": "^1.1.2"
},
"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"
]
}
}
解决方案
推荐阅读
- flutter - 什么是 Future 以及如何使用它?
- php - 使用 ajax .serializeArray() 更新多行
- javascript - 如何多次显示 span id 数据?
- python - 实现选择类型的 Python 数据类
- formula - Netsuite - 保存的搜索公式(文本)案例语句乘以 2 个字段
- json - 将 json 结果转换为 dart 模型
- c++ - 将带有任何模板参数列表的 stl 容器传递到结构中
- r - 包括字符和数值数据框
- windows - 如何将登录页面设置为 AD 联合服务器中的主路径?
- laravel - 在控制器中循环遍历 Laravel 雄辩的关系