配置webpack时出现的错误

最新推荐文章于 2023-04-24 12:04:02 发布
最新推荐文章于 2023-04-24 12:04:02 发布
阅读量727 收藏
点赞数 1
文章标签： webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53703099/article/details/123147030
版权
本文详细解析了三个常见的webpack配置问题：1) webpack.config.js文件未放置在项目根目录；2) 源代码目录(src)缺失或命名错误；3) 引入jQuery时的语法错误。针对这些问题，提供了相应的解决办法，帮助开发者避免和修复这些常见错误。
摘要由CSDN通过智能技术生成
  1. 这个错误出现的原因是，没有把webpack.config,js 文件放置到该项目的根目录下
  2. 第二个错误是，没有设置./src文件夹，或者是文件夹命名有误
  3. 第三个错误是，在引入jQuery时，没有给jQuery打引号

 

T.S.P
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安装Webpack/配置webpack.config.js
weixin_44884546的博客
08-02 561
Webpack 一、市面上有哪些类似于Webpack的前端工程化工具【 自动化工具 】 grunt gulp ( 4.x ) Browserify ( Webpack 前身 ) Webpack 【 主流行 】 rollup.js https://www.rollupjs.com/guide/zh 【 小众 】 parcel 【 小众 】 FIS https://fis.baidu.com/...
【webpack】从零开始配置webpack系列(基础篇)_webpack
最新发布
2401_84181286的博客
04-30 543
指示 Webpack 从哪个文件开始打包指示 Webpack 打包完的文件输出到哪里去，如何命名等webpack 本身只能处理 js、json 等资源，其他资源需要借助 loader，Webpack 才能解析扩展 Webpack 的功能。
chainwebpack自定义打包入口报错问题
qq_57676486的博客
04-24 345
const { config } = require('vue/types/umd')将其注释掉即可。2.问题：当进行上述操作后仍然无法运行，如下图是新加模块部分有语法校验。解决办法：可能是配置入口时在vue.config.js上方默认引入了。1.问题：chainwebpack自定义打包入口报错无法运行。解决办法：关闭语法校验即可。
关于webpack打包的时候./src的报错
qq_42283142的博客
03-20 1227
关于webpack打包的时候“./src”的报错 我出现这错误的主要原因就是未把index.js跟index.html放到src包下， 未创建src包 如下图则成功
vue3中使用chainwebpack转换gif图片为base64报错Cannot convert undefined or null to object
R__Zoro的博客
03-12 517
vue3中使用chainwebpack转换gif图片为base64报错Cannot convert undefined or null to object
webpack使用及错误
程序员大柱
01-03 125
[TOC] 首先按https://blog.csdn.net/qianxing111/article/details/78525321进行配置； //配置如下 const webpack = require('webpack'); const path = require('path'); const ExtractTextPlugin = require("extract-text-webpac...
配置webpack的自动打包功能出现以下错误以及如何解决
Britney10_21的博客
08-13 1546
在配置webpack自动打包功能的时候，会出现各种各样的错误，今天我就把我遇到的甚至是困扰我一个下午的问题暴露出来，掰开了揉碎了跟大家分享。 一、出现错误如下： 亲身实验了很多方法都不管用，其实这个问题是安装包版本的问题，很多版本之间是步兼容的，所以就难为了我们这些单纯的程序员。 二、解决方法如下： 1、删除下面这个文件夹 2、修改package.json文件中的devDependencies，这里就是我们手动修改安装包的版本，将版本修改为相互之间兼容的版本...
umi 如何配置webpack_umi+dva开发环境+经常使用配置和webpack配置
weixin_28697921的博客
02-04 3475
安装(官方文档：https://umijs.org/zh)：javascriptyarn global add umi使用：css使用umi -v可查看版本，确保全局安装没问题javaumi g page //建立包含目录的页面home/index.js home/index.cssumi g page home/index//建立dva modle文件(若是项目是用yarn create umi...
webpack-serve：获取您的webpack配置并创建带有热模块重载和错误覆盖的开发服务器
01-30
进行webpack配置，并创建具有热模块重载和错误覆盖的开发服务器。 旨在类似于您从获得的体验。 安装 npm install --save-dev @unfold/webpack-serve 用法 在终端 在项目的根目录下运行$(npm bin)/webpack-serve ，...
webpack配置proxyTable时pathRewrite无效的解决方法
10-17
总结来说，`pathRewrite` 不起作用可能是因为配置错误或者版本兼容性问题。解决方法包括检查配置语法、更新 Webpack 和 `webpack-dev-server` 到最新版本，或者使用 `onProxyRes` 事件监听器进行手动重写。在开发...
webpack的配置文件 —— webpack.config.js
青春微凉、不悲伤℃
05-29 1108
上篇文章我们学习了webpack的安装、打包等基本配置，现在我们来学习一下webpack的配置文件——webpack.config.js。 前面我们想要打包的时候直接运行命令，npm run build即可，那么如果我们的项目中没有index文件，或者我们想指定main.js文件进行打包，会如何呢？执行打包命令，发现报错，大概意思是文件不存在。 那么我们该如何进行其他文件的打包呢，有下面三种方法： 方法1：执行命令：npx webpack --entry ./src/main.js 该方法可以成
webpack学习笔记
wushaoxion的博客
10-03 2490
一、安装webpack 我们通过 npm 全局安装 webpack： npm install webpack -g 安装完成后，我们可以使用 webpack 命令，执行 webpack --help 能够查看 webpack 提供的所有命令。 这样就表示你已经安装成功了。 二、初始化项目# 安装好 webp
配置webpack的低级错误
Zmikoo学习之路
05-26 246
今天自己配置webpack打包的时候遇到一个问题，我创建了webpack.config.js并写了一些配置，但是执行npm run build的时候打包是打包成功了，但我的webpack.config.js的里写的配置没有用，？？？？？。我还查原因查找了好半天。 最后发现我把webpack.config.js的名字写错了，写成了wepack.config.js。 在此嘲笑一下智障的自己。 并说明下：如果 webpack.config.js 存在，则 webpack 命令将默认选择使用它。不需要去packag
webpack配置问题
weixin_29351003的博客
04-20 500
前端打包工具——Webpack配置问题   最近刚刚接触webpack这款打包工具，遇上了许许多多的小问题，而且整个理解也很混乱，因为webpack有1.0和2.0的区别，同时他又有许多别的插件和依赖，导致版本之间存在一定的问题，这里我整理了一下，关于webpack+react配置出现的一些小问题。 问题一：自动打包。 自动打包，我之所以归类为问题，是因为自己在开发的时候也犯糊涂。一开始接
记录webpack使用问题，使用报错“UnhandledPromiseRejectionWarning，file-loader图片过大，无法加载图片，打包html文件报错TypeError
qq_45654741的博客
10-21 815
记录webpack使用报错 运行npm run build “UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function” 原因是css-loader版本过高，修改package.json中的css-loader版本值 修改css-loader版本值为2.0.2 运行npm install 重新安装 再次运行npm run build成功 webpack打包成功 不得不吐槽，高版本反而支持不了 ...
webpack文件配置
桃花扇的博客
07-05 363
webpack提供的cli支持很多的参数，例如 --mode，但更多时候我们会使用更加灵活的配置文件来控制webpack的行为。默认情况下，webpack会读取webpack.config.js 文件作为配置文件，但也可以通过CLI参数 --config来指定某个配置文件。配置文件中通过CommonJS模块导出一个对象，对象中的各种属性对应不同的webpack配置 【注】 1）配置文件中的代码，必须是有效的node代码 2）当命令行参数与配置文件中的配置出现冲突时，以命令行参数为准 基本配置： 1
Webpack ＜＜ 基本使用 及出现的报错解决
Wildness_的博客
12-01 1470
安装方式 运行npm i webpack -g全局安装webpack，这样就能在全局使用webpack的命令，不建议使用 在项目根目录中运行npm i webpack --save-dev安装到项目依赖中 查看webpack版本信息 webpack -v 初始化项目 npm init-y使用npm管理项目中的依赖包，在项目根目录中使用该命令 使用webpack的配置文件简化打包时候的命令 webpack.config.js在项目根目录中创建该文件 由于运行webpa...
webpack 报错总结
Alice_666的博客
02-25 958
今天有朋友问我wepback报错的解决问题，刚好也是我之前遇到过的，总结一下，以便以后查阅 啰嗦两句，小白 学习webpack推荐一个慕课网上的视频 webpack深入与实战 这个视频是完全免费 这个里面讲的不是最新的webpack配置 但是可以让你对webpack有一个清晰的认识，以便更快捷的自学 问题一： 运行 webpack  错误提示：'webpack' 不是内部或外部命令，也不是可...
webpack没有配置文件解决办法
IT_Elephant的博客
07-19 866
通过执行 npm run eject 命令暴露脚手架项目的配置文件
webpack安装配置与Vue实战指南
"这篇教程详细讲解了如何安装和配置webpack，并通过实际例子展示了与Vue的结合使用。" 在前端开发中，webpack是一个重要的模块化打包工具，它能够处理JavaScript、CSS、图片等静态资源，将它们按依赖关系打包成一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值