idea引入JQuery.js后报错的解决方法

最新推荐文章于 2024-06-18 11:23:38 发布
最新推荐文章于 2024-06-18 11:23:38 发布
阅读量580 收藏 1
点赞数 1
文章标签： javascript intellij-idea jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53932517/article/details/129860040
版权

目录结构

 从idea中打开jsp文件

 

页面报错

 

显示找不到 .js文件

GET http://localhost:8080/lh/webapp/WEB-INF/js/jQuery%201.12.4.js net::ERR_ABORTED 404

问题原因：路径错误

默认.js文件在WEB-Inf文件下面了。

解决办法：重新编写src路径

根据页面显示的路径重新编写

 

路径应修改为：

src="/lh/webapp/js/jQuery 1.12.4.js"

 再次运行

 问题解决

 

 

Keep Optimistic
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
jquery引用文件——jquery.js
11-25
jquery引用文件，jquery.min.js和jquery.js............希望可以帮助到大家
通过图例了解IDEA引入JQuery实现步骤
10-14
主要介绍了IDEA引入JQuery实现步骤图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JavaScript教程（三）之 jQuery
m0_56752010的博客
05-28 2327
JavaScript库 即library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等； 简单理解：就是一个JS文件，里面对我们原生JS代码进行了封装，存放到里面，这样我们可以快速高效的使用这些封装好的功能了；比如jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）； 常见的JavaScript库：jQuery、Prototype、YUI、Dojo、Ext
如何下载jquery.js文件
风也温柔☆的博客
06-04 8833
1.官网下载 我们一般下载 压缩版 2.下载成功后，是这样的。 鼠标点击一下页面，使用如下快捷键。等待后面建完jquery.js文件后，快捷键：:ctrl + v 粘贴到jquery.js文件中3.如果在项目中，需要引入 jquery文件，则...
解决IDEA引入JQuery，函数没反应，报错$ is not defined
qq_42496094的博客
02-12 469
解决IDEA中$未定义问题
【前端】js代码在idea中运行报错
qq_44772323的博客
08-20 1783
一、问题描述 在js页面点击右上角的浏览器后报错：There is no configured/running web-servers found! Please, run any web-configuration and hit the Refresh button! 二、逐步排查 百度了一下各位大神的解决方案，逐步进行排查： 1）servers没有部署，没有运行。 不存在的，我的tomcat servers运行的好好的，下一个！ 2）tomcat配置的library项增加tomcat配置的lib目录，
IDEA解决引入jquery.js报错问题
qq_45128278的博客
11-23 3650
以下这种情况我都遇到过： Failed to load resource: the server responded with a status of 404 () ajax $ is not defined GET http://localhost:8080/favicon.ico 404 GET http://localhost:8080/jquery.js net::ERR_ABORTED ...
解决IDEA2020.2插件lombok报错问题(亲测有效)
09-07
主要介绍了解决IDEA2020.2插件lombok报错问题，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
idea启动项目报错 java.lang.NegativeArraySizeException解决方法
12-28
idea启动项目报错 java.lang.NegativeArraySizeException解决方法
IDEA安装lombok插件设置Enable Annotation Processing后编译依然报错解决方法
08-19
主要介绍了IDEA安装lombok插件设置Enable Annotation Processing后编译依然报错解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
01-21
IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version 和Export declarations are not supported by current JavaScript version报错都是一个解决办法 js文件报错 第一步，...
关于IDEA2020.1新建项目maven PKIX 报错问题解决方法
08-19
关于IDEA2020.1新建项目maven PKIX报错问题解决方法 在IDEA2020.1中新建项目时，经常会遇到maven PKIX报错问题，这是一种常见的错误，影响了项目的正常构建和运行。这个错误的主要原因是ValidatorException：PKIX ...
jQuery(JS库) | 一文带你掌握jQuery的使用
m0_61933976的博客
01-06 8541
jQuery(JS库) | 一文带你掌握jQuery的使用
html出现错误,jquery.js出现错误怎么解决？
weixin_31234793的博客
06-24 641
jquery.js出现错误怎么解决？下面本篇文章给大家介绍一下jQuery出错与解决方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。大家有没有遇到过jQuery is not define问题？今天在测试一个程序的时候，明显已经加载了jquery但总是提示jQuery is not defined，经过多方测试终于发现了问题，这里简单总结一下。通常出现这种状况有几种解决方法:...
js文件中引入juqery
记录成长学习点滴
04-10 8128
jquery本身就是一个JavaScript函数库，所以可以直接在js文件中写jquery代码。但需要注意：jquery的使用需要引用官方的jquery.js文件。关键：独立的js文件不需要引用任何jquery.js文件，只需要在相应的html网页中引用jquery.js和.js文件，jquery文件引用必须在.js文件之前。如下图：html文件：<script src="js/jquery...
记录IDEA中在js文件中提示“unresolved function or method $()”的解决方法
张毅轩的博客
03-23 2742
如上图所示，在IDEA中直接写js文件时，会报错。 本人使用的是ubuntu系统，解决流程为： 1. 先安装node.js和npm，安装命令如下： sudo apt-get update curl -sL https://deb.nodesource.com/setup | sudo bash - sudo apt-get install nodejs sudo apt install npm 在看了很多类似这篇文章的解决方法，依然不能解决问题，我在最后一步点击download and i..
【IDEA】对于IDEA出现程序包无法找到或者js代码无法加载问题的6种解决方案
我的博客
09-02 3544
对于IDEA出现程序包无法找到或者js代码无法加载问题的6种解决方案
工具链--nuxt框架 简介（一）
qq_35876316的博客
06-16 382
Nuxt框架是一个基于Vue.js的服务器端渲染（SSR）框架，旨在提供一套完整的前端开发解决方案，帮助开发者构建高性能、可扩展的Web应用。是一个功能强大、易于使用的Web开发框架，适用于多种开发场景和需求。Nuxt框架建立在Vue.js之上，它抽象出了管理异步数据、中间件和路由所涉及的大部分复杂配置。Nuxt不仅继承了Vue.js的所有优点，如易用性、灵活性等，还与Node.js紧密集成，使得开发者可以在项目中轻松地使用Node.js的各种功能。
一个很好用的地图工具的使用：思极地图，以及vue+思极地图的使用
最新发布
浩星
06-18 407
思极地图，给我们带来了很多便利，这里分享下他的信息与使用。
idea配置element ui
01-26
在IDEA中配置Element UI，可以按照以下步骤进行操作： 1. 打开IDEA，创建一个新的Vue项目。 2. 在项目的根目录下，打开终端，执行以下命令安装Element UI： ```shell npm install element-ui --save ``` 3. 在项目的入口文件（一般是main.js或者index.js）中，引入Element UI的样式和组件： ```javascript import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) ``` 4. 在需要使用Element UI的组件中，按需引入所需的组件： ```javascript import { Button, Input } from 'element-ui' export default { components: { 'el-button': Button, 'el-input': Input } } ``` 5. 在Vue组件中使用Element UI的组件： ```html <template> <div> <el-button type="primary">按钮</el-button> <el-input placeholder="请输入内容"></el-input> </div> </template> ``` 6. 运行项目，即可看到Element UI的组件在页面中显示出来。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值