Reactjs 如何修复不加载CSS模块的CreateReact应用程序?
我通过CreateReact应用程序创建了一个新的react应用程序,并尝试使用CSS模块,但它似乎不再有效。 以下是我对CSS模块的简单用法:Reactjs 如何修复不加载CSS模块的CreateReact应用程序?,reactjs,Reactjs,我通过CreateReact应用程序创建了一个新的react应用程序,并尝试使用CSS模块,但它似乎不再有效。 以下是我对CSS模块的简单用法: import styles from './myStyle.css'; function App() { return ( <div className={styles.container}> </div> ); } 我的旧项目依赖项: "dependencies": { "react":
import styles from './myStyle.css';
function App() {
return (
<div className={styles.container}>
</div>
);
}
我的旧项目依赖项:
"dependencies": {
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-scripts": "3.0.0"
}
"dependencies": {
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-scripts": "2.1.8"
},
在react脚本v3中有什么变化吗 要使用CSS模块,您应该将文件命名为
[name].module.CSS
:
此项目支持CSS模块以及使用[name].module.CSS
文件命名约定的常规样式表。CSS模块通过自动创建格式为[filename]\\\\[classname]\\\\\\[hash]
的唯一类名,允许CSS的作用域
您能详细说明“不工作”的概念吗?你有错误吗?应用程序可以工作,但您看不到任何样式?没有错误,但值未解析。相反,变量名保留在实际的CSS中。因为它当然是一个无效的值,所以样式被忽略了。事实上,这是CRA 3.0.0中的一个回归错误。看见