vue-cil 浏览器控制台报错：this._init is not a function

2024-05-06 02:06:09

vue-cil 浏览器控制台报错：this._init is not a function

今天说一下 this._init is not a function 的报错，这个不会影响界面显示问题，除非你没有安装那些必须要添加的库；

浏览器控制台报错：this._init is not a function

这个报错网上也有搜到一些答案，都是一些说要添加 “vue-loader、 vue-html-loader、 style-loader、css-loader、vue-style-loader、 css-loader”，基本上都是围绕这几个来解决的，
网址分别是：
https://segmentfault.com/q/1010000004897621/a-1020000005646082
https://blog.csdn.net/zhangchao19890805/article/details/53375934
https://blog.csdn.net/wahaha13168/article/details/73648122
https://blog.csdn.net/qq_38967608/article/details/81189069

如果我的方案解决不了，可以去看看上面这几个网站的解决方法。

接着说我的报错和解决方案；

先来看看报错的是什么？？

截图：

报错项.png

截图上有两个报错，在我这里其实都是一个问题引起的，下面看看引起报错的是什么？？

截图：

引发报错.png

没错，你看到的就是它引起的，jquery
为什么这么说呐？
那是因为我在配置文件里已经声明引入了全局，而这里又一次的引入声明，直接引起了报错（当然代码执行顺序可能是先执行 main.js，或者是先执行配置文件，不过这些不是重点）。

配置文件：webpack.base.conf.js

截图：

全局声明.png

解决方案：

1、在 main.js 声明引入 jquery

2、在配置文件 webpack.base.conf.js 中声明引入

注：二选其一就好

个人推荐是第二个方案。为什么哪？

因为有些第三方 js 文件中有闭合包的话，你会注意到js文件最下面有这一句代码 " (window.jQuery) 、(jQuery) 或者是 (function ($) {})()"，这三句代码需要全局的支持，而且每个第三方 js 文件所写的都不是统一其中一句代码，在main.js中不可能在去一个一个的定义，所在第二个方案能帮你解决这个烦恼；

谢谢您的御览！

vue-cil 浏览器控制台报错：this._init is not a function相关推荐

Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION
问题描述:Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION 原因: 服务器使用了TLS1.0 或 TLS1.1 版本,没有使用 TLS1.2 解决方法: 地址栏访 ...
接入谷歌AdSense后浏览器控制台报错：Failed to load resource: the server responded with a status of 403的原因及解决办法、
本篇文章主要讲解,接入谷歌AdSense后浏览器控制台报错:Failed to load resource: the server responded with a status of 403 ads ...
vue在浏览器端报错：Module not found: Error: Can't resolve 'common/js/util' in 'E:\vue-exercise\sell\src'
在用vue开发的时候,在浏览器端报错: Module not found: Error: Can't resolve 'common/js/util' in 'E:\vue-exercise\sell ...
SourceMap 浏览器控制台报错：DevTools failed to load SourceMap：Could not load content for ...
什么是SourceMap: SourceMap就是如何把压缩后的js代码映射成格式化代码的方法.当客户端浏览器Chrome在收到这个压缩后的js文件后,它会自动的去寻找服务器上相关的sourcemap ...
IE浏览器中访问jsp页面，页面不执行ajax请求，后台控制台报错
问题描述:IE浏览器中访问jsp页面,页面不执行ajax请求,后台控制台报错:java.lang.IllegalArgumentException: Invalid character found i ...
vue/cle3项目运行报错sockjs-node/info解决方案
https://cloud.tencent.com/developer/article/1489598 vue/cle3项目运行报错sockjs-node/info解决方案在这篇文章中: bug复现 ...
【解决】控制台报错Uncaught TypeError: Object(...) is not a function at eval (vue-router.esm-bundler.js
打开http://localhost:8080/,控制台报错 Uncaught TypeError: Object(...) is not a functionat eval (vue-router. ...
Invalid component name: “Home,“. Component names should conform to valid custom element。。。控制台报错
[Vue warn]: Invalid component name: "News,". Component names should conform to valid custo ...
控制台报错：Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db
控制台报错:Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db 问题处理 1 ...

最新文章

热门文章