安装postcss-px-to-viewport 配置postcss.config.js 报错Error: true is not a PostCSS plugin

已于 2023-03-10 00:30:09 修改
阅读量6.1k 收藏 1
点赞数
文章标签： postcss css vue
于 2021-04-22 22:28:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tangdou369098655/article/details/116034324
版权

因项目需要，用户突然要坚持小屏幕也要观看大屏代码，临时解决方案是加了一个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没有解决问题，可以尝试回滚autoprefixer@9.8.6

tangdou369098655
关注
vue3，demo项目流程，移动端适配viewport，vant-ui，axios,封装接口文件
xiao_yuanyuan_20的博客
05-25 663
第一步：引入css， 1，scss中导入 css文件 @import ‘路径’ 2，js文件中导入scss文件，css文件 import‘路径’ 新建vue3项目 1，在assets中新建styles文件夹，新建reset.css文件，网上查找 reset.css 复制粘贴 2，在styles文件夹中新建 index.scss文件。导入reset.css文件 @import './reset.css' 3,在main.ts文件中导入 index.scss文件 import './assets/st
Vue核心技术与实战--2023.7.4
weixin_65590235的博客
07-04 701
Vue+面经
vue 启动失败 Module build failed true is not a PostCSS plugin
Python-PTA操作
11-03 1817
vue启动失败 报错 Module build failed: Error: true is not a PostCSS plugin
报错：taro react error: true is not a postcss plugin
guolinlin_0630的博客
11-17 374
2.project.config.json文件修改。
postcss-px-to-viewport 常见问题解决方案
最新发布
gitblog_09235的博客
09-13 435
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 ...
配置postcss-px-to-viewport报错[plugin:vite:css] Failed to load PostCss config module is not defined in
weixin_44295184的博客
12-14 1588
配置postcss-px-to-viewport报错[plugin:vite:css] Failed to load PostCss config module is not defined in
vue 安装postcss-pxtorem插件报错：[object Object] is not a PostCSS plugin。
热门推荐
weixin_36724538的博客
06-02 1万+
.postcssrc.js文件配置 module.exports = { “plugins”: { “postcss-import”: {}, “postcss-url”: {}, “autoprefixer”: { browsers: [‘Android >= 4.0’, ‘iOS >= 7’] }, ‘postcss-pxtorem’: { rootValue: 37.5,　　//结果为：设计稿元素尺寸/37.5，比如元素宽375px,最终页面会换算成 10rem propList: [’*
解决安装postcss-px-to-viewport配置postcss.config.js时报错triggerUncaughtException(err, true /* fromPromise */
gfujhfd的博客
01-03 1756
将 postcss.config.js 文件重命名为 postcss.config.cjs。这样做可以将其视为 CommonJS 脚本而不是 ES 模块。原因：使用了 ES Module 的语法，但是 PostCSS 的配置文件中使用了 CommonJS 的模块语法，导致了模块定义的问题。修改你的 postcss.config.js 文件，确保其导出一个对象作为模块的默认导出，而不是使用 module.exports。
从零开始搭建一个基于Webpack的Vue开发环境
08-12
在项目根目录下创建一个名为`webpack.config.js`的文件，用于配置Webpack。以下是一个基础配置示例： ```javascript const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin')...
前端开发中遇到的问题整理——2019.3
samll_cat的博客
03-15 552
记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案，如有不全或者错误欢迎留言更正 #####1. 如何设置输入框 input 中 placeholder的字体颜色、字号 input::-webkit-input-placeholder{ /*颜色*/ color:#fff; ...
配置vue3+vite+eslint+prettierrc项目
weixin_54000091的博客
12-06 1549
以上步骤适用于所有的vue3项目，因为仅仅上续功能仅仅是编译时检测而非运行时检测所以用任何打包工具编译项目运行都是没问题的。
PostCSS a not plugin 打包is jenkins打包发布问题跟踪 Error: [object Object] is not a PostCSS plugin
bydfguifd的博客
07-13 2896
之前在develop平台上 一个前台项目全自动构建都正常，昨天构建失败了
postcss-px-to-viewport配置时postcss.atRule is not a constructor 报错，使用patch-package解决
马娟的博客
08-09 1293
1. 找到node_modules/postcss-px-to-viewport/index.js。3.在package.json的scripts中增加如下内容。pnpm install 或 npm install。2. 安装patch-package。将atRule修改为AtRule。5.重新install数据。
[object Object] is not a PostCSS plugin
车联网开发的博客
11-09 4973
最近在做移动端的项目时，想让px自动转换为rem布局，做到屏幕自适应。在安装postcss-pxtorem时 npm install postcss-pxtorem -S 然后运行npm run dev 就会报错 [object Object] is not a PostCSS plugin 查询资料说安装的postcss-pxtorem 版本太高目前是6.xx版本 然后 npm install postcss-pxtorem @5.1.1 -S 再次运行 npm run dev 后，完美
记录第一次使用postcss-px-to-viewport配置postcss.config.js出现报错
HHHHH2187的博客
03-08 600
这里我先说一下 我这里使用步骤第一步下载postcss-px-to-viewport第二步骤新建一个文件 postcss.config.js，进行简单配置第三步骤,配置完后重启运行 pnpm dev ,就会出现以下报错我发现冲重试几次 或者重新下载也会报错。
postcss-px-to-viewport配置landscape: true后运行报错处理
wulijuan888666的博客
04-21 752
需要在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" },
Error: [object Object] is not a PostCSS plugin解决方案
liyananweb的博客
03-08 2388
Error: [object Object] is not a PostCSS plugin解决方案
postcss-px-to-viewport配置横屏参数landscape: true报错postcss.atRule is not a constructor
阑珊伊人
04-17 4738
首先postcss-px-to-viewport是一款很优秀的插件，他能将px转换成视口单位vw，而vw本质上还是一种百分比单位。所以项目中常使用此插件来解决适配问题 前几天，由于项目中有横屏适配的需求，经过查阅插件api后，发现landscape这个参数就是用来处理横屏适配问题的。但是当我配置上后，项目开始启动报错。 报错截图如下： 报出了这个问题： postcss.atRule is not a constructor 后面是试图在网上找找有没有相关的解决方案，可惜并没有找到。 也尝试过换插件版本，
配置postcss.config.js出现报错PostCSS plugin postcss-pxtorem requires PostCSS 8原因
weixin_45075981的博客
08-26 2102
在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 在vue.config.js中怎么配置
07-14
你可以在vue.config.js文件中配置postcss-px-to-viewport插件来将px单位转换为vw或者vh单位。首先，确保你已经安装了postcss-px-to-viewport插件。 然后，在vue.config.js文件中添加以下代码： ```javascript ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值