解决安装postcss-px-to-viewport配置postcss.config.js时报错triggerUncaughtException(err, true /* fromPromise */

最新推荐文章于 2025-03-19 22:41:45 发布
最新推荐文章于 2025-03-19 22:41:45 发布
阅读量2.1k 收藏 11
点赞数 8
文章标签： javascript postcss 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gfujhfd/article/details/135367775
版权

原因：使用了 ES Module 的语法，但是 PostCSS 的配置文件中使用了 CommonJS 的模块语法，导致了模块定义的问题

解决：

  1. 将 postcss.config.js 文件重命名为 postcss.config.cjs。这样做可以将其视为 CommonJS 脚本而不是 ES 模块。

  2. 修改你的 postcss.config.js 文件，确保其导出一个对象作为模块的默认导出，而不是使用 module.exports。

 

修改为

 

uniapp [全端兼容] - 详细实现接入使用海康威视监控云端显示及控制功能，网站集成安装海康监控及实时监控显示、摄像头控制，实时推流、回放、放大缩小画面、视频画面截图、截屏抓拍及播放器解决延迟教程
王二红
07-18 1万+
uniapp，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，vue，海康威视，海康监控，摄像头监控，实时监控画面，海康插件，无法连接，报错，uniApp对接海康处理接口认证规则，监控实时预览和回放功能，海康api接口，安全认证，海康开放平台，官方文档，播放海康摄像头的监控视频，海康实时监控播放详细步骤，web，黑屏，视频播放，回放，视频流地址，取流协议，视频sdk播放，hik，rtsp，rtmp，hls，ws，网站，网页，h5页面，后台管理系统，对接海康监控设备
基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇
mingyuanyunlian的博客
09-24 2333
写在开头 微前端系列文章： 基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇 基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇 基于 qiankun 的微前端最佳实践（图文并茂） - 应用部署篇 万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇 本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 计划如下： 生命周期篇； IE 兼容篇； 性能优化、缓存方案篇； 引言 大家好~ 本文是基于 qiankun 的微前.
安装postcss-px-to-viewport 配置postcss.config.js 报错Error: true is not a PostCSS plugin
tangdou369098655的博客
04-22 6267
因项目需要，用户突然要坚持小屏幕也要观看大屏代码，临时解决方案是加了一个postcss-px-to-viewport ，安装过程中报错Error: true is not a PostCSS plugin 首先声明我的vue-cli中package-lock.json写的webpack版本是4.28.4 解决办法 方案1.其下面代码添加到package.json里即可 "peerDependencies": { "postcss": "^8.0.0" }, 如果方案1没有解决问
配置postcss-px-to-viewport报错[plugin:vite:css] Failed to load PostCss config module is not defined in
weixin_44295184的博客
12-14 2189
配置postcss-px-to-viewport报错[plugin:vite:css] Failed to load PostCss config module is not defined in
vue3 报错 Could not find a declaration file for module ‘/App.vue‘
最新发布
weixin_45665171的博客
03-19 871
这样的错误，通常是因为 TypeScript 无法找到 Vue 文件（如 .vue 文件）的声明文件。这主要是因为 TypeScript 对 .vue 文件的支持不像对普通的 .js 或 .ts 文件那样直接。为了在 TypeScript 中支持 .vue 文件，可以创建一个 shim 文件来模拟 Vue 文件的类型。文件（如果没有，TypeScript 将自动创建一个）在 TypeScript 项目中，如果你遇到了。
记录第一次使用postcss-px-to-viewport配置postcss.config.js出现报错
HHHHH2187的博客
03-08 698
这里我先说一下 我这里使用步骤第一步下载postcss-px-to-viewport第二步骤新建一个文件 postcss.config.js，进行简单配置第三步骤,配置完后重启运行 pnpm dev ,就会出现以下报错我发现冲重试几次 或者重新下载也会报错。
postcss-px-to-viewport配置时postcss.atRule is not a constructor 报错，使用patch-package解决
马娟的博客
08-09 1607
1. 找到node_modules/postcss-px-to-viewport/index.js。3.在package.json的scripts中增加如下内容。pnpm install 或 npm install。2. 安装patch-package。将atRule修改为AtRule。5.重新install数据。
[debug]nodejs fetch/js gemini api不使用代理问题 node:internal/process/promises:289 triggerUncaughtException
CameliaV的博客
04-02 2115
使用Gemini1.0 Pro API代码。fetch没有使用代理。通过undici配置。
postcss-px-to-viewport配置landscape: true后运行报错处理
wulijuan888666的博客
04-21 841
需要在package.json 配置"postcss":"7.0.32", 注意版本 重新cnpm i "devDependencies": { "postcss":"7.0.32", "postcss-px-to-viewport": "^1.1.1" }, "resolutions":{ "postcss": "7.0.32" },
vue px2rem插件的使用
qq_26705343的博客
06-18 2146
安装 postcss-px2rem及px2rem-loader npm install postcss-px2rem px2rem-loader --save 在根目录src中新建utils目录下新建rem.js等比适配文件 // rem等比适配配置文件 // 基准大小 const baseSize = 16 // 设置 rem 函数 function setRem () { // 当前页面屏幕分辨率相对于 1920宽的缩放比例，可根据自己需要修改 const scale = document.
Vue核心技术与实战--2023.7.4
weixin_65590235的博客
07-04 759
Vue+面经
vue-cli3.0脚手架搭建、解决跨域、打包、优化、项目压缩一条龙
qq_39584800的博客
12-05 2197
vue-cli3.0项目搭建到打包 之后开始创建项目 项目目录是这样的 这里还要手动加上四个文件 在.env.development文件中加入 VUE_APP_API ='我是测试接口' 在.env.production文件中加入 VUE_APP_API ='我是生产接口' 目的是为了打包的时候打出不同IP的包 在vue.config.js中加入配置项 这里用到的依赖有 ...
配置postcss.config.js出现报错PostCSS plugin postcss-pxtorem requires PostCSS 8原因
weixin_45075981的博客
08-26 2256
在vue中配置完postcss.config.js文件再运行时，会出现报错 其中PostCSS plugin postcss-pxtorem requires PostCSS 8 说是PostCSS插件PostCSS -pxtorem需要PostCSS 8，但是PostCSS没有8，我们需要降低下postcss-pxtorem版本，改为5.1.1， 再 npm i 即可 ...
postcss-px-to-viewport 常见问题解决方案
gitblog_09235的博客
09-13 1068
postcss-px-to-viewport 常见问题解决方案 postcss-px-to-viewport A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice ...
trigger_error() 函数
冷月醉雪的博客
03-03 648
查看更多 https://www.yuque.com/docs/share/18c2a458-3a6a-4cb9-bbbf-d9b8fb887c88
postcss-px-to-viewport 从入坑到放弃 （nuxt3搭建响应式官网解决方案 ）
Vinca@的博客
05-07 8368
什么是 postcss-px-to-viewport将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件。为什么使用 postcss-px-to-viewport在pc端盛行的时代 ，如果你不想去适配更多的pc端，可以采用它。由于nuxt3本身已带postcss，所以无需额外安装。
postcss简介
追风Programer的博客
01-22 3915
前言 css预处理器在目前的开发中是很受欢迎的，但是它们也有一些缺点。在今天的介绍中，我们将探讨postcss的优势以及它是如何工作的，还有其一些丰富而且实用的插件。 css预处理器的价值和局限性 大多数CSS开发人员都非常熟悉css预处理器，像sass、less、stylus等，以及伴随着这些预处理器出现的一些概念，比如file partials, nesting, variables 和 mixins等。随着css的发展，预处理器的一些功能正在渐渐的被原生css所实现，但是还有大量非常实用的功能对于开发
vue3踩坑记录之初始化报错：node:internal/process/promises:279 triggerUncaughtException
m0_52773173的博客
06-18 2062
【代码】vue3踩坑记录之初始化报错：node:internal/process/promises:279 triggerUncaughtException。
如何处理UncaughtException异常
热门推荐
papinick的博客
04-28 1万+
如何处理UncaughtException异常为什么要处理UncaughtException异常怎么处理UncaughtException异常线程很容易被发现，子线程中的异常不易被发现。子线程抛出的异常无法使用传统方法捕获。直接捕获异常可以提高代码的健壮性。使用UncaughtExceptionHandler处理未捕获的异常 为什么要处理UncaughtException异常 在一个项目中，会有很多UncaughtException异常。如果这些异常没有处理，就有可能把异常信息返回给前端，黑客看到这些异常的
postcss-px-to-viewport 在vue.config.js中怎么配置
07-14
你可以在vue.config.js文件中配置postcss-px-to-viewport插件来将px单位转换为vw或者vh单位。首先，确保你已经安装了postcss-px-to-viewport插件。 然后，在vue.config.js文件中添加以下代码： ```javascript module.exports = { css: { loaderOptions: { postcss: { plugins: [ require('postcss-px-to-viewport')({ viewportWidth: 750, // 视窗的宽度，对应设计稿宽度 viewportHeight: 1334, // 视窗的高度，对应设计稿高度 unitPrecision: 3, // 指定px转换为视窗单位值的小数位数 viewportUnit: 'vw', // 指定需要转换成的视窗单位，vw或者vh selectorBlackList: ['.ignore', '.hairlines'], // 指定不需要转换的类 minPixelValue: 1, // 小于或等于1px不转换为视窗单位 mediaQuery: false // 允许在媒体查询中转换px }) ] } } } }; ``` 在以上代码中，你可以根据你的设计稿的宽度和高度来设置`viewportWidth`和`viewportHeight`的值。你还可以根据需要调整其他配置项，如`unitPrecision`、`viewportUnit`等。 配置完成后，重新运行你的Vue项目，postcss-px-to-viewport插件会自动将样式文件中的px单位转换为vw或者vh单位。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值