在Vue项目中使用Swiper时遇到'Swiper'未定义及'do not use 'new' for side effects'错误。解决方法包括：（1）正确导入Swiper，避免使用script标签，而是在终端使用npm命令安装，如需解决npm ERR!错误，可添加--legacy-peer-deps标志；（2）对于ESLint报错，可通过将new Swiper赋值给变量或修改.eslintrc.js配置文件中rules规则来避免。
我报错的情况是：我在单文件组件vue文件中使用new Swiper，报了两个错误，图示：
第一个错误是：‘Swiper’ is not defined
第二个错误是：Do not use ‘new’ for side effects
解决办法：
（1）第一个错误是因为没有导入Swiper的js文件；
- 在单文件组件开发中，引入swiper已经不能再用script标签来引入了，
- 新引入的方式为：在终端输入：
npm i --save swiper如果出现很多npm ERR！错误，就输入下面的命令：
npm i --save swiper --legacy-peer-deps- 下载完查看package.json文件有没有swiper版本号，有的话就下载成功了
为什么会出现上述错误：
最低0.47元/天 解锁文章
6226
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
