找不到模块'react-slick'的声明文件。

Question

import Slider from "react-slick";

我已经导入了 React Slick 并进行了安装。

import React, { useEffect, useRef,useState } from 'react';
import Slider from "react-slick";
import '../Styles/Work.css' ;
const Work = () => {
  
  return (
    <div style={{height:"100vh"}} ref={ref} className='work-container' id="work">
      <h1 ref={title} className='work-title'>
        MY WORKS
      {/* {inView && navigate('/#about')}   */}
      </h1>
    </div>
  )
}

export default Work

packagelock文件

"react-scripts": "5.0.0",
"react-slick": "^0.28.1",
"react-slick-carousel": "^0.14.9",

我的package-lock里也显示了。这是什么问题？我正在使用React与TypeScript。

- Salil Rajkarnikar

Answer 1

您需要安装 'react-slick' 的类型定义 @types/react-slick。确保它在您的 package.json 中以及 r@types/react 16.8.2 上都有。

@types/react-dom

- noobprogrammer

---

它没有读取CSS导入，你知道问题出在哪里吗？ - Salil Rajkarnikar

看起来对我没问题，请确保类名前有一个点，例如'.work-container'，并且路径正确。尝试将CSS文件放在同一文件夹中可能有助于调试。 - noobprogrammer

Answer 2

如果您使用 TypeScript，需要按照以下步骤安装它的类型声明：

npm install --save @types/react-slick

- Akbar Mirzaei