项目引入文件的常见报错

简介: 项目引入文件的常见报错

做一个项目的时候 ,控制台总是会出现各种bug,其实不用慌张,终结起来也就几种类型的错误,在开发中每次遇到错误都善于总结,下次在看到就会胸有成竹知道是什么情况了,以下是在开发过程中总结的一些错误以及错误的解决方法。

#报错一:Uncaught ReferenceError: $ is not defined

Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: jQuery is not defined

错误原因:文件加载的顺序不对,jQuery文件的顺序要在前面

方法:把jQuery文件写在所有script文件前面

#报错二:jsp页面相对路径和绝对路径的问题:

正常路径:html里面的…/…/,改成jsp页面就找不到路径了,这个时候成了这个鬼样子

这时候,只需要在文件里面加入这段代码:

解决办法:在和之间插入以下代码

<%
  String path = request.getRequestURI();
  String basePath = request.getScheme() + "://"
      + request.getServerName() + ":" + request.getServerPort()
      + path;
%>
<base href="<%=basePath%>">

#报错三:Uncaught TypeError: $(…).tooltip is not a function

Uncaught TypeError: $(...).tooltip is not a function
    at HTMLDocument.<anonymous> (app.js:42)
    at l (jquery.min.js:4)
    at Object.fireWith [as resolveWith] (jquery.min.js:4)
    at Function.ready (jquery.min.js:4)
    at HTMLDocument.S (jquery.min.js:4)

原因:包括两个不同版本的jQuery UI。这可能会导致冲突。尝试删除

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

解决办法:

编辑:

<script>
jQuery( document ).ready(function( $ ) {
   $('.hasTooltip').tooltip();
});
</script>

像这样使用它,解决了我的问题!

#报错四:Uncaught TypeError: $(…).sortable is not a function

Uncaught TypeError: $(...).sortable is not a function
    at HTMLDocument.<anonymous> (dashboard.js:12)
    at l (VM552 jquery.min.js:4)
    at Object.fireWith [as resolveWith] (VM552 jquery.min.js:4)
    at Function.ready (VM552 jquery.min.js:4)
    at HTMLDocument.S (VM552 jquery.min.js:4)

#报错五:bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery

bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery
    at bootstrap.min.js:7

解决方案:解决方案:将jquery.min.js放在bootstrap.min.js文件之前引用,bootstrap.min.css文件在整两个文件前后引用都无妨(测试多次)。

相关文章
|
24天前
|
前端开发 JavaScript
【经典】全局公共scss文件的引入使用
【经典】全局公共scss文件的引入使用
|
6月前
|
Java Maven
idea引入外部maven项目(非压缩)方式
idea引入外部maven项目(非压缩)方式
51 0
|
2月前
|
Java
【小技巧】复制一个模块到你的工程(学习阶段很实用)
【小技巧】复制一个模块到你的工程(学习阶段很实用)
|
3月前
|
Java Maven
Maven项目模块打包引入
Maven项目模块打包引入
28 0
|
9月前
|
编译器 Shell C++
如何在项目中引入googtest(上)——通过编译器引入库
如何在项目中引入googtest(上)——通过编译器引入库
103 0
|
9月前
|
编译器 程序员 C++
如何在项目中引入googtest(下)——通过CMake引入库
如何在项目中引入googtest(下)——通过CMake引入库
98 0
|
10月前
|
JavaScript
vue项目引入路径前面的@符号是什么?(简化路径)
vue项目引入路径前面的@符号是什么?(简化路径)
|
11月前
|
机器学习/深度学习 数据可视化 数据挖掘
【学习】代码里引入的包都是啥东西
【学习】代码里引入的包都是啥东西
141 0
|
11月前
|
JavaScript 开发者
Vite 在运行过程中是如何发现新增依赖的?
Vite 在运行过程中是如何发现新增依赖的?
181 0
|
12月前
|
Java Maven
Maven 项目中引入的外部的jar包后打包失败(程序包找不到)
在Maven工程SpringBoot项目中,需要引用外部的一个jar包,在网上看的很多方式都不行:打包是可以成功,但是部署到服务器中运行,使用到该jar没反应,程序进行不下去,我猜测应该是这个jar没有打进去。
271 0