swiper引入js和css：Module not found: Error: Package path ./swiper-bundle is not exported from package ..

在vue项目中下载使用轮播组件swiper，引入swiper的js文件时出错：

import Swiper from 'swiper/swiper-bundle'

 出现的错误提示是：

Module not found: Error: Package path ./swiper–bundle is not exported from package D:Software DownloadVScodevue CLISingle file componenttest2313node_modulesswiper (see exports field in D:Software DownloadVScodevue CLISingle file componenttest2313node_modulesswiperpackage.json)

错误提示是说：我引入的js文件在swiper中找不到。

解决办法：

后来根据上面提示打开了 node_modulesswiperpackage.json路径，发现里面的js文件被重定向了，所以正确的导入js和css文件的方式是：

导入js：

import Swiper from 'swiper/bundle'

导入css： 

import 'swiper/swiper-bundle.css'

所以要注意：在导入swiper的js和css文件之前，要去node_modulesswiperpackage.json路径下package.json文件里去看看js、css的路径，按正确的方法导入，不要看网上写什么就也跟着写什么。

代码007普通

打赏 收藏 海报 链接