vue-cil 浏览器控制台报错:Cannot read property 'fn' of undefined

最近项目里在使用Bootstrap-fileinput模块的语言包(zh.js)和主题包(theme.js)的时候,直接导致界面不显示,于是,看了浏览器控制台后,发现出现了一个错,

浏览器控制台报错:Cannot read property 'fn' of undefined

控制台报错

而引起这个报错的是语言包和主题包的 js 文件内的一个代码


引发报错的文件

就是这个闭合包最后的代码

百度了两天所搜索的结果没有一个是明确的解决方法,于是,请教了同事让他帮我看了看,慢慢的找到了解决办法,而且很简单,也怪自己不够细心,在写配置文件的时候,少写了一个配置,以至于一些特别 js 文件不能执行。

解决方法:
1、在目录中找到 build 文件夹
2、找到 webpack.base.conf.js
3、在 module.exports = {};的大括号里最下面的位置添加一个 plugins:
4、在 plugins 里添加 new webpack.optimize.CommonsChunkPlugin 和 new webpack.ProvidePlugin
5、在 webpack.ProvidePlugin 里添加关于 jquery 的配置,配置三个常用的jquery常用标识符的变量,

分别是:

jQuery: "jquery",

$: "jquery",

'window.jQuery':"jquery"

最后一个最容易忽略,一定要在配置前两个的时候,把最后一个写上

上代码:

plugins:[
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery",
      'window.jQuery':"jquery" //这个就是解决报错的方法
    })
  ]

希望能给大家帮助!谢谢的浏览!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,334评论 7 110
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,848评论 0 21
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,833评论 1 32
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 5,679评论 0 1
  • 我竟无意在任何嘈杂的环境里 我看着人们滚烫的身体与精神 我大概是受到了许多人的白眼 我看着慢慢消亡的光明 太阳也许...
    往尽阅读 3,514评论 0 2