Javascript 我有;“反应脚本”:&引用^4.0.3;,已安装但仍为i';我不能使用Css模块

Javascript 我有;“反应脚本”:&引用^4.0.3;,已安装但仍为i';我不能使用Css模块,javascript,reactjs,Javascript,Reactjs,我在此处导入这些样式,但没有任何内容应用于标题 **This is my Styles.css File** .headingStyle {font-size:4rem; color:blue;} 从“React”导入React 从“/Css/styles.Css”导入样式 函数App() { 返回( CSS3证明滑块 ) } 导出默认应用程序 直接导入CSS文件。 使用className代替class 试试这个 import React from "r

我在此处导入这些样式,但没有任何内容应用于标题

    **This is my Styles.css File**
   .headingStyle
    {font-size:4rem;
    color:blue;}
从“React”导入React
从“/Css/styles.Css”导入样式
函数App()
{
返回(
CSS3证明滑块
)
}
导出默认应用程序
直接导入CSS文件。 使用
className
代替
class

试试这个

import React from "react"
import styles from "./Css/styles.css"

function App()
{
  return (
<div>
    <h1 class={styles.headingStyle}> CSS3 Testimonials Slider</ h1>

</div>
  )
}
export default App
从“React”导入React
导入“/Css/styles.Css”
函数App()
{
返回(
CSS3证明滑块
)
}
导出默认应用程序

根据CSS模块上的CreateReact应用程序,您应该将文件命名为style.module.CSS,然后像以前一样导入它

import React from "react"
import "./Css/styles.css"
function App()
{
  return (
<div>
    <h1 className="headingStyle"> CSS3 Testimonials Slider</h1>

</div>
  )
}

export default App

它不应该是styles.module.css吗?
import styles from './styles.module.css';