运行webpack，发现jQuery出现报错

最新推荐文章于 2023-08-03 14:16:58 发布
最新推荐文章于 2023-08-03 14:16:58 发布
阅读量1.4k 收藏 2
点赞数 5
文章标签： webpack jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TD_TaerG/article/details/103966253
版权

以下是主要报错

​
ERROR in ./node_modules/jQuery/lib/node-jquery.js
Module not found: Error: Can't resolve 'jsdom' in 'D:\前端\新code\new2\node_modules\jQuery\lib'
 @ ./node_modules/jQuery/lib/node-jquery.js 5:13-29
 @ ./src/index.js

ERROR in ./node_modules/jQuery/lib/node-jquery.js
Module not found: Error: Can't resolve 'location' in 'D:\前端\新code\new2\node_modules\jQuery\lib'
 @ ./node_modules/jQuery/lib/node-jquery.js 13:24-43
 @ ./src/index.js

 @ ./node_modules/jQuery/lib/node-jquery.js 17:25-45
 @ ./src/index.js

ERROR in ./node_modules/jQuery/lib/node-jquery.js
Module not found: Error: Can't resolve 'xmlhttprequest' in 'D:\前端\新code\new2\node_modules\jQuery\lib'
 @ ./node_modules/jQuery/lib/node-jquery.js 8:28-53
 @ ./src/index.js

​

发现是安装了jQuery npm软件包而不是jquery软件包。

使用不推荐使用的“ jQuery”时会报出错误。

当我删除“ jQuery”并安装“ jquery”时，错误消失了

TD_TaerG
关注
  • 5
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决vue-cli webpack打包开启Gzip 报错问题
10-16
主要介绍了vue-cli webpack打包开启Gzip 报错问题的解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
webpack-jQuery-cli：基于webpack的jQuery脚手架，快速进行移动端的jQuery页面开发
02-03
技术栈jQuery的运行效果项目结构├── .eslintrc :eslint代码检查规范├── .gitignore├── package.json├── app.js :项目入口文件├── webpack.config.js :webpack 相关配置文件├── LICENSE :项目...
vue中调用jquery 不成功 报错Module not found: Error: Can‘t resolve ‘jquert‘ in ‘../XX/XXX/‘
最新发布
violet217的博客
08-03 1298
vue jquery报错
解决jQuery报错问题
java小学生的博客
05-30 1224
每次过一段时间就忘了怎么解决jquery报错问题做下记录。。。 1、选择报错的jquer文件 2、点击右键选择 MyEclipse 3、选择 Exclude From Validation 4、文件已经不报错了。。。 ...
解决使用 jQuery 在 Webpack 打包内容的过程中遇到的问题：‘ERROR in ./node_modules/jquery/lib/node-jquery.js 13:24-43‘
狮子座的男孩
10-08 1044
1、出现问题的提示为： 'ERROR in ./node_modules/jquery/lib/node-jquery.js 13:24-43'; 'Module not found: Error: Can't resolve 'location' in 'D:\*******\Webpack\node_modules\jquery\lib' @ ./04index2.js 1:0-22 9:0-1 10:4-5 11:4-5'; 2、解决问题的方案： A、去 npm 社区去搜一下最新的 jquery
前端报错 : Module not found: Error: Can‘t resolve ‘xxx‘ in ‘xxx‘
weixin_64778225的博客
09-06 4万+
模块未找到:错误:无法解决../src/comporents/MyHeader' 在 'C:\Users\15718\Desktop\eight\src'错误原因是组件引入 App.vue/其他组件 时出错了,仔细检查引入的!我的就是components拼写错了,查了二十分钟才发现,唉.
Module not found: Error: Can‘t resolve “xxx“ in “xxx“导致该问题的解决方案
热门推荐
qq_59389108的博客
01-07 5万+
其细致的报错为：Module not found: Error: Can't resolve './images/logo.png' in 'xxx'2：在非路由组件中的style下采用了less样式，而没有下载less相关依赖。在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪。1：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。
详解webpack的clean-webpack-plugin插件报错
01-18
const CleanWebpackPlugin = require('clean-webpack-plugin') // const { CleanWebpackPlugin } = require('clean-webpack-plugin') module.exports = { entry: './input.js', output: { path: path.resolve(__...
vue init webpack 建vue项目报错的解决方法
10-17
6. 运行`vue init webpack my-project`命令：重新安装Vue CLI并升级Node.js版本后，再次运行初始化命令，这时应该不会再出现之前的错误。 在处理这类问题时，了解ES6特性、npm版本管理以及Node.js版本更新是非常...
webpack中引用jquery的简单实现
11-22
var webpack = require("webpack"); var path = require("path"); module.exports = { entry:{ home:"./src/js/home.js", …… }, output:{ path:__dirname+"/dist/js", filename:"[name].min.js" }, ...
Module not found: Error: Can‘t resolve ‘js-cookie‘ 问题处理
LP'S Blog
02-22 3733
出现`Module not found: Error: Can't resolve 'js-cookie'` 问题
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
qq_52174918的博客
05-07 4774
即可。
Module not found: Error: Can‘t resolve
YCQNB_的博客
09-06 2903
只需要再webpack添加这个配置即可。
Layui 踩坑之路
qq_41722795的博客
03-24 262
Layui 弹窗关闭销毁问题 弹窗关闭后再次打开，输入框内容不清空，输入框为关闭前的内容 目录 Layui 弹窗关闭销毁问题 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 问题描述： 如：弹窗内的一输入框： 内容为： 12345， 关闭后再次初始化， 再次初始化，打开后其内容仍旧为：12345 一、解决方案 将需要初始化的 使用模板写入 <script id="template" type="text/template"&...
Module not found: Error: Can’t resolve ‘popper.js’ ….错误解决办法
gouzhun247的博客
04-12 1万+
引入bootstrap后，webpack打包报错Module not found: Error: Can't resolve 'popper.js' .... 这是因为使用webpack打包bootstrap4的时候，需要手动安装popper.jsnpm install bootstrap@4.0.0-beta -D npm install popper.js -D...
React+Webpack, Module not found: Error: Cannot resolve module问题解决
ZHANG DING的博客
02-20 1万+
React+Webpack, Module not found: Error: Cannot resolve module问题解决 在react开发的过程中，大家都会使用Webpack轻量级服务器作为开发环境，通过 npm install 进行node_modules的安装 但，今天碰到一件非常奇怪的事情，在使用Ant Design+React+Webpack+Mockjs正常开发的过程中...
报错：cant resolve param
07-08
抱歉，出现了参数无法解析的错误。这可能是由于 MyBatis 配置或方法参数设置不正确所致。请按照以下步骤检查和修复问题： 1. 确保在 Mapper 接口方法的参数中正确使用了 `@Param` 注解，并且注解中的值与 XML 配置文件中的参数名一致。 ```java public interface MyMapper { List<Map<String, Object>> selectFieldsFromTable(@Param("fieldTable") FieldTable fieldTable); } ``` 2. 检查 XML 配置文件中的 SQL 语句，确保使用了正确的参数名，并与 Mapper 接口方法中的 `@Param` 注解值一致。 ```xml <select id="selectFieldsFromTable" resultType="java.util.Map"> SELECT <foreach collection="fieldTable.fields" item="field" separator=","> ${field} </foreach> FROM ${fieldTable.tableName} </select> ``` 3. 在调用 Mapper 方法时，确保正确传递了参数。 ```java FieldTable fieldTable = new FieldTable(); fieldTable.setFields(Arrays.asList("field1", "field2", "field3")); fieldTable.setTableName("my_table"); List<Map<String, Object>> result = myMapper.selectFieldsFromTable(fieldTable); ``` 请按照上述步骤检查和修复问题，如果仍然有问题，请提供更多代码和错误信息，以便我能够更好地帮助你解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值