You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing.

项目配置

nuxt@2 + Postcss@8

问题1：

WARN postcss-px-to-viewport: postcss.plugin was deprecated. Migration guide:

解决方法

npm uninstall -D postcss-px-to-viewportnpm install -D postcss-px-to-viewport-8-plugin// 更改nuxt.config.js中的build配置build: {postcss: {// 使用px2vw插件// 添加插件名称作为键，参数作为值plugins: {"postcss-px-to-viewport-8-plugin": {unitToConvert: "px", // 默认值`px`，需要转换的单位viewportWidth: 1440, // 视窗的宽度,对应设计稿宽度viewportHeight: 667, // 视窗的高度, 根据375设备的宽度来指定，一般是667，也可不配置unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数propList: ["*"], // 转化为vw的属性列表viewportUnit: "vw", // 指定需要转换成视窗单位fontViewportUnit: "vw", // 字体使用的视窗单位selectorBlaskList: ["ignore-"], // 指定不需要转换为视窗单位的类，含有'ignore-'的类都不会被转换mediaQuery: false, // 允许在媒体查询中转换`px`minPixelValue: 1, // 小于或等于`1px`时不转换为视窗单位replace: true, // 是否直接更换属性值而不添加备用属性exclude: [/node_modules/], // 忽略某些文件夹下的文件或特定文件landscape: false, // 是否添加根据landscapeWidth生成的媒体查询条件 @media (orientation: landscape)landscapeUnit: "vw", // 横屏时使用的单位landscapeWidth: 1338 // 横屏时使用的视窗宽度},tailwindcss:{},// autoprefixer: {}},preset: {// 更改postcss-preset-env 设置autoprefixer: {}}}},

问题2：

You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing.

解决方法

查看postcss-px-to-viewport-8-plugin包的package.json及README.md文件发现，该包需要postcss的版本为8+；
另外，nuxt要求postcss的配置文件必须写在nuxt.config.js文件的build属性中，否则会有WARNING，因此不能新建postcss.config.js文件；
查看项目是否下载了@nuxt/postcss8，没有的话，将项目依赖中的postcss卸干净，之后：

npm install -D @nuxt/postcss8// nuxt.config
export default {buildModules: ['@nuxt/postcss8']
}

即可解决。

附上我的package.json的最终版本号：

You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing.相关推荐

nuxtjs 项目报错 WARN You did not set any plugins, parser, or stringifier.
nuxt.js 项目报错 WARN You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothi ...
放弃node-sass，启用sass
在下载一个新项目时运行:npm run install 发现报错 npm uninstall 异常 Error: Could not find any Visual Studio installati ...
NVIDIA jetson tensorrt加速yolov5摄像头检测
link 在使用摄像头直接检测目标时,检测的实时画面还是有点慢,下面是tensorrt加速过程记录. 一.设备 1.设备jetson agx xavier 2.jetpack4.6.1 3.tenso ...
前端架构设计第十一课自动化构建部署和工具
23 npm cript:打造一体化的构建和部署流程之前我们提到过,一个顺畅的基建流程离不开 npm scripts.npm scripts 将工程化的各个环节串联起来,相信任何一个现代化的项目都有 ...
three.js 加载gltf模型的简化demo
目录前言下载依赖改造插件主要代码效果前言最近需要做一个three.js加载三维模型的,才发现three.js的官网和网上的示例挺乱的.甚至有人说把three.js的全部demo下载下来, ...
20个编写现代CSS代码的建议
本文翻译自Danny Markov 的20-Tips-For-Writing-Modern-CSS一文. 本文归纳于笔者的Web Frontend Introduction And Best Prac ...
npm 报错 Module build failed: Error: No PostCSS Config found in
问题描述: 项目在本地运行不报错,上传到 GitHub 之后,再 clone 到本地,执行: npm install 或 cnpm install 安装完成之后再执行: npm run dev 这时 ...
tailwindcss 官网（六）定制：配置（ `tailwind.config.js `、-p、important、核心插件、`resolveConfig`）、主题 `theme` 配置
tailwindcss 官网(六)定制:配置( tailwind.config.js.-p.important.核心插件.resolveConfig).主题 theme 配置文章目录 tailwin ...
编写现代 CSS 代码的 20 个建议
明白何谓Margin Collapse 不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较 ...

You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing.

目录

项目配置

问题1：

问题2：

You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing.相关推荐

最新文章

热门文章