webpack 踩坑

最新推荐文章于 2022-02-21 11:07:35 发布
最新推荐文章于 2022-02-21 11:07:35 发布
阅读量164 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43871732/article/details/108070075
本文详细记录了解决Webpack在使用css-loader和style-loader时报错的问题过程。错误源于Webpack版本与loader版本不匹配，通过调整包管理文件package.json中的配置，并重新安装Webpack模块，最终解决了找不到模块的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

webpack 踩坑

运行css-loader和style-loader报错
Unhandled promise rejections are deprecated

原因和webpack版本不匹配,按照如下安装

在这里插入图片描述

在package.json
在这里插入图片描述
webpack也全局安装了，npm start还是说找不到webpack模块，后来在项目里面再install一次，才解决，
webpack全局装一次，项目装一次😶

[Webpack 踩坑] 使用 Webpack 打包 Web 端和 Node 服务端通用的依赖库
palerock的博客
10-23 2199
[Webpack 踩坑] 使用 Webpack 打包 Web 端和 Node 服务端通用的依赖库 引言 最近准备着手将大学时写的一个框架给规范化，想着将它部署成 NPM 上的一个 Package，但遇到了两个问题： 这个框架完全是由 ES5 语法规范搭建的，也没有考虑模块依赖什么的，它本身依赖的其它库都是纯代码复制到项目文件内容的上方，所以我们应该需要使用模块化来引用其依赖的框架，如 ES5 的 require 如果使用了 require 语法，那么意味着所有想使用该框架的项目都必须使用 NPM，该框架的
【Webpack】Webpack踩坑，初次安装版本不合适问题
Jayant89的博客
05-30 6219
初次安装webpack进行项目打包时，按照安装语句：npm install webpack -g默认进行了版本安装，但初次接触，由于webpack4.0以上版本，已经分离了webpack-cli ,所以目前，无论是学习还是开发项目，我们可以先选择之前较为稳定的版本。所以不清楚详细情况的同时，当你选择webpack -v查看是否成功安装时，会提示你需要安装webpack-cli并且在按照提示安装之后...
用webpack 打包css时遇到：Tapable.plugin is deprecated. Use new API on `.hooks` instead
li102qian的专栏
04-15 1460
用webpack 打包css时遇到：Tapable.plugin is deprecated. Use new API on .hooks instead 此问题是指extract-text-webpack-plugin 这个插件不支持webpack4，可以执行： 然后重启dev-server就可以了 ...
vue 新建webpack项目时npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail ……警告
qq_41157421的博客
10-11 2万+
在搭建vue框架，新建一个webpack打包项目时，会出现 **npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.**的错误警告。 而在网上查询过几种解决办法，已知以下命令对我无效。 $ npm ...
webpack-配置文件的分离
<WRM>的博客
07-16 275
1.在根目录下新建一个文件夹build，在该文件夹下建立三个文件：base.config.js（公共）、prod.config.js（生产）、dev.config.js（开发） 2.在各个文件下添加相关的代码，例如： base.config.js: const HtmlWebpackPlugin = require('html-webpack-plugin'); const path = require("path"); const webpack = require("webpack"); const u
新建vue项目时的webpack大坑：DeprecationWarning: Unhandled promise rejections are deprecated. precated.
just a moment
08-11 6060
报错信息： 想要启动项目输入npm run dev后的报错信息 DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code. 报错原因： 新建的vue项目，由于less-loader版本（在package.
UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throw
路漫漫其修远兮，吾将上下而求索。
10-29 1万+
报错 (node:5264) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise whic...
webpack踩坑之路图片的路径与打包
08-29
Webpack 图片路径与打包 在 Webpack 中，图片的路径与打包是一个常见的问题，尤其是在初学者刚开始使用 Webpack 时。图片的引用方式有多种，包括 HTML 文件中的 img 标签、CSS 文件中的背景图设置、JavaScript 文件...
webpack3升级到webpack4踩坑经历与解决方案
本文讲述了作者从webpack3升级到webpack4的踩坑经历，涉及到webpack-cli的安装、依赖项的调整、错误解决等多个方面，旨在为读者提供一个详细的升级指南。 一、webpack-cli的安装 在升级到webpack4之前，需要先安装...
VUE中npm run build错误--Unhandled promise rejections are deprecated. In the future, promise rejections
哦哦一人
01-20 1万+
vue打包时报错提示 (node:8544) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing insi de of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To termina te
vue打包npm run build错误--Unhandled promise rejections are deprecated. In the future, promise rejections
一般社员的博客
12-20 4002
打包前端项目的时候遇到报错 Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code. 在网上找了解决办法： 把webpack.prod.conf.js下列代码进行注释就可以了 new OptimizeCSSPlugin({
【nodejs】Node.js 中的 UnhandledPromiseRejectionWarning 问题
热门推荐
DreamSeeker_1314的博客
08-08 5万+
问题引入：今天在 Gulp 构建任务中出现一个 html 解析错误，但是并没有报错，也没有中断 gulp 构建任务的执行，而是出现 UnhandledPromiseRejectionWarning 的警告，所以会误以为构建成功，这篇文章将对此进行探究并解决该问题。 1 2 3 4 5 (node:24866) UnhandledPro...
报错：vue项目使用scss遇到UnhandledPromiseRejectionWarning: TypeError [Eefined
weixin_42050406的博客
12-25 2171
报错： (node:35280) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .caton without a catch block,
记录一个vue项目报错UnhandledPromiseRejectionWarning: Unhandled promise rejection.
mataodehtml的博客
08-11 5132
使用vue-cli创建vue项目，加入一些之前的代码，然后打包运行报错： (node:4892) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing insi de of an async function without a catch block, or by rejecting a promise which was not handled wit
EPRECATION WARNING: Using / for division is deprecated and will be removed i
qq_38866594的博客
02-21 1208
解决办法 项目上使用vuetify启动时，若sass版本不对，编译时会警告Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 虽然不影响正常编译，但是很影响心情，我们只需要在package.json文件里修改"sass": "~1.32.6"即可完美解决 原文 ...
vue项目启动报错：eprecation Warning: Using / for division outside of calc() is deprecated and will be...
m0_62049404的博客
02-11 3116
解决： 执行npm install -g sass-migrator 进入node_modules路径 执行sass-migrator division **/*.scss 成功启动啦~
BUILD FAILED in 59s (node:9604) [DEP0018] DeprecationWarning: Unhandled promise rejections are depre
qq_29295351的博客
02-06 1万+
关于运行ionic碰到的问题 BUILD FAILED in 59s (node:9604) [DEP0018] DeprecationWarning: Unhandled promise rejections are depre cated. In the future, promise rejections that are not handled will terminate the ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值