reactjs React导入库错误

ctzwtxfj 于 2023-05-17 发布在 React

关注(0)|答案(1)|浏览(163)

进口是相当标准的：

import {Swiper, SwiperSlide} from "swiper/react";

但是，整个项目是用JavaScript编写的，导入来自swiper-react.d.ts。
我去了这个文件，并评论了一切，结果没有改变网站上的任何方式。也就是说，导入通过了，但文件的内容显然没有被读取
其他库也是通过TS文件导入的，有些可以，有些不行，我不得不从node_modules中强行删除TS文件。但这个图书馆并没有这样做
到底有什么问题？为什么React不能导入这个库？
有一天，他从Vue文件夹中完全导入了库，他实际上React了

reactjs

来源：https://stackoverflow.com/questions/76265706/react-imports-the-library-incorrectly

1条答案

按热度按时间

toe950271#

swiper模块是由JavaScript编写的，它有JavaScript导入和TypeScript导入文件。所以你不需要修改swiper模块的内容。你可以使用下面的命令安装swiper。

npm i swiper

我在我这边试过了，效果很好。下面是我试过的代码。import { Swiper，SwiperSlide } from 'swiper/react';

function App() {
  return (
    <div className="App">
      <Swiper
        spaceBetween={50}
        slidesPerView={3}
        onSlideChange={() => console.log('slide change')}
        onSwiper={(swiper) => console.log(swiper)}
      >
        <SwiperSlide>Slide 1</SwiperSlide>
        <SwiperSlide>Slide 2</SwiperSlide>
        <SwiperSlide>Slide 3</SwiperSlide>
        <SwiperSlide>Slide 4</SwiperSlide>
        ...
      </Swiper>
    </div>
  );
}

如果你仍然有麻烦，那将与其他事情有关。

赞(0）回复(0）举报 2023-05-17

我来回答

reactjs React导入库错误

1条答案

相关问题

热门标签

最新问答