关于webpack打包时 JQuery问题

最新推荐文章于 2023-11-28 11:38:53 发布
最新推荐文章于 2023-11-28 11:38:53 发布
阅读量553 收藏
点赞数 1
文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43858329/article/details/105900592
版权

在运行 npm run dev 时候报错：
ERROR in ./node_modules/jQuery/lib/node-jquery.js
Module not found: Error: Can’t resolve ‘jsdom’ in ‘D:\apache\webpack-Study\node_modules\jQuery\lib’
@ ./node_modules/jQuery/lib/node-jquery.js 5:13-29
@ ./src/index.js
…

是使用 npm install jQuery -S 时安装jquery问题

使用： npm install jquery -S 重新安装在打包就好了

weixin_43858329
关注
webpack打包jquery多页_webpack 多页面支持 & 公共组件单独打包
weixin_39541600的博客
12-20 264
webpack - 多页面/入口支持 & 公共组件单独打包webpack系列目录本系列并非全部原创，如非原创，正文篇首会注明转载地址正文本篇主要介绍：如何自动构建入口文件，并生成对应的output；公共js库如何单独打包。多入口文件，自动扫描入口。同时支持SPA和多页面型的项目公共js库如何单独打包。上一篇示例，主要介绍如何集成第三方js库到项目中使用，如jquery。示例的入口只有一个i...
webpack打包jquery多页_用webpack打包老网站（jquery切图）或重构浅谈！
weixin_39788969的博客
12-20 572
随着前端技术的快速发展，前端技术栈也越来越复杂多样了。什么是webpack？他能干些啥？WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss，TypeScript等)，并将其转换和打包为合适的格式供浏览器使用。现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依...
webpack打包jquery多页_webpack打包后使用jQuery的问题-问答-阿里云开发者社区-阿里云...
weixin_39805883的博客
12-20 50
使用webpack打包了页面上使用的一些js文件配置文件：var webpack = require("webpack");var path= require("path");module.exports = {entry: ["./admin/public/entry/entry.js"],output: {path: path.join(__dirname,"/admin/public/js/...
webpack打包jQuery,jQuery未定义
weixin_30686845的博客
04-14 750
怎么来兼容老式jQuery插件 ProvidePlugin+expose-loader /externals 1.ProvidePlugin+expose-loader webpack.config.js中在plugins中配置 webpack.config.js中在module中配置 2.externals webpack.config.js中配置externals...
python文件读写r+_python文件读写原理的一些理解：r,r+,w,w+,a,a+，以及seek()方法
weixin_39673947的博客
12-15 255
理解文件中的读取或者写入顺序要先知道对文件进行读写时它的工作模式：在python中对文件进行读写时，是依据文件中光标的位置进行读写的。这里就要引入seek()方法：seek(offset, whence)offset – 开始的偏移量，也就是代表需要移动偏移的字节数whence：可选，默认值为 0。给offset参数一个定义，表示要从哪个位置开始偏移；0代表从文件开头开始算起，1代表从当前位置开始...
运行webpack，发现jQuery出现报错
TD_TaerG的博客
01-14 1471
以下是主要报错 ​ 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...
详解如何使用webpack打包多页jquery项目
10-17
本篇文章将详细讲解如何使用Webpack打包多页jQuery项目，以便在项目中仍然能够有效地使用jQuery库，并结合ES6特性进行开发。 首先，我们需要明确多页jQuery项目的特点：每个页面可能有各自的JS和CSS文件，且可能...
详解webpack打包nodejs项目(前端代码)
10-18
Webpack 打包 Node.js 项目（尤其是前端代码）的场景通常发生在前端应用需要与后端服务紧密结合时，例如用 Node.js 作为服务器，而前端代码与后端接口紧密耦合。 在 Webpack 配置中，有几个关键的概念： 1. **入口...
jquery.min.js隐藏版本号
qq_38098125的博客
09-06 2915
出于系统安全考虑，有时候需要隐藏jquery的版本号，在Console里使用$.fn.jquery可以查询使用的版本号。以jquery-1.11.0.min.js为例，首先将文件名和引用去掉版本号，然后在jquery-1.11.0.min.js里搜索1.11.0，找到m="1.11.0"，将m的值进行修改，这里可以修改为任意值，注意不能是""，否则有些前端页面可能会收到影响。 ...
npm run build打包jquery项目
最新发布
u012377866的博客
11-28 619
主要是用node代码 读取文件内容判断文件还是文件夹，文件夹就继续循环判断，将目录结构保留，一起打包到dist文件。写这个的原因 也是因为同事不知道发给运维哪些文件，有些文件只是我们开发要，并不部署的所以就过滤掉。build.js 文件代码如下。
webpack安装jQuery报错
03-11 311
使用webpack搭建项目，并使用了node下载了jQuery使用，使用命令行完成构建时发现报错了， ERROR in ./node_modules/jquery/lib/node-jquery.js Module not found: Error: Can't resolve 'jsdom'... ERROR in ./node_modules/jquery/lib/no...
Angular 備忘(1) 項目打包小技巧,刪除特定文件夾,壓縮指定檔案
unstoppableRex的博客
06-29 339
原由是因為build prod後，會再將./dist的內容壓縮成gzip，方便不再需要自行對每個檔案獨立壓縮，於是如果build prod兩次以上的時候,前一次的檔案是沒有刪除的,導致重覆的檔案保留在gzipped文件夾裏面,對於上傳新項目的時候不是很方便且容易出錯,所以萌生了打包的過程中需要先刪除再建立壓縮檔案這樣的需求,並且發現普通的window command是不行的,所以查了一下,需要安裝特定的npm包 首先先來安裝包 npm i rimraf 再來就是項目中的package.json進行修改 "
webpack：使用externals配置来排除打包后的某个依赖&插件IgnorePlugin的使用
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
09-25 1642
webpack：使用externals配置来排查打包后的某个依赖
ERROR in./node_modules/jquery/lib/node-jquery.js 5:13-35
u013744998的博客
02-28 207
而不是 npm install jQuery -S （运行这个就会报错）在安装jQuery时！是运行 npm install jquery -S。
在NodeJs中使用jQuery？
热门推荐
关灯吃面
02-04 1万+
想要在NodeJs中使用jQuery？ 首先，我们得安装jquery， npm install jquery 。安装后的版本是 3.1.0 接着，第一感觉我们会使用 var $ = require('jquery') 。 将以下代码保存为app.js ? 1 2 3 4 var $ = requir
解决使用 jQuery 在 Webpack 打包内容的过程中遇到的问题：‘ERROR in ./node_modules/jquery/lib/node-jquery.js 13:24-43‘
狮子座的男孩
10-08 1059
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
使用webpack打包nodejs项目报错：ERROR in ./node_modules/mysql/lib/Connection.js
liu152649的博客
10-15 7139
小菜鸟一枚，最近正在学习webpack打包nodejs的项目，但是打包总是不成功，报错最多的就是找不到文件，但是我用npm install 明明安上了，请问有谁遇到过这种问题吗？请教。。 E:\NodeJs\workSpace\dome8_express>npm run dev > dome8_express@0.0.1 dev E:\NodeJs\workSpace\dome8_...
ERROR in ./node_modules/jquery/lib/node-jquery.js 打包webpack时出错
hh3167253066的博客
05-03 1993
打包webpack时出错报错：ERROR in ./node_modules/jquery/lib/node-jquery.js 解决方法： 1. 检查是否在src目录下创建的index.js 2. 在项目目录安装jQuery时，输入命令: npm install jquery -S 检查了一下node_modules里面我安的包，是jQuery, 删除后重新npm install jquery -S 再 npm run dev 打包成功！ ...
webpack打包忽略jquery文件
05-26
可以使用webpack的externals配置来忽略jquery文件的打包。 在webpack配置文件中添加如下代码： ...这样，webpack在打包时就会忽略jquery文件，而使用全局变量jQuery。需要在html文件中手动引入jquery文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值