微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

项目从Vue-cli 2.0迁移到3.0后,Owl.carousel无法工作

如何解决项目从Vue-cli 2.0迁移到3.0后,Owl.carousel无法工作

最初,当我在Vue-cli2.0下运行Owl.Carousel时,它工作正常,但是将项目迁移到Vue-cli 3.0后,控制台仍然会出现此错误

Uncaught TypeError: Cannot read property 'fn' of undefined
at eval (owl.carousel.js?555f:1718)
at eval (owl.carousel.js?555f:1755)
at Object../node_modules/owl.carousel/dist/owl.carousel.js (chunk-vendors.js:2031)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at eval (main.js:28)
at Module../src/main.js (app.js:2285)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at Object.1 (app.js:2410)

似乎由开发工具标记 owl.carousel.js (:1718)出了问题。

$.fn.owlCarousel = function(option) { .......

起初,我认为我没有正确导入JQuery,但是在将JQuery导入本地.Vue文件(轮播使用的文件)之后。它仍然无法正常工作。 然后,我找到了一个从webpack设置导入JQuery的解决方案。因此,我在“ vue.config.js

添加了一些代码
    const webpack = require('webpack');

   module.exports = {
     lintOnSave: false,configureWebpack: {
       plugins: [
         new webpack.ProvidePlugin({
           $: 'jquery',jQuery: 'jquery','windows.jQuery': 'jquery',}),],},};

Vue-cli 3.0是否可能与Owl.Carousel不兼容,还是我错误地导入了jQuery? 否则,是否有人推荐其他轮播插件,该插件可以一次显示多个项目并具有响应能力?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。