wswmsword / postcss-mobile-forever

一款 PostCSS 插件,将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.
https://wswmsword.github.io/examples/mobile-forever/vanilla/
MIT License
325 stars 19 forks source link

postcss-px-to-multi-displays 要求必须安装 PostCSS 8 #2

Closed sunkebkn8 closed 1 year ago

sunkebkn8 commented 1 year ago

image image

vue2版本加vant,使用1.3.2能正常使用

wswmsword commented 1 year ago

嗯,1.3.2 不需要 PostCSS 8,试一下删除 node_modules 重新安装还报不报错,升级到 PostCSS 8 的版本(2.1.0)修复了桌面端 fixed 定位不准确的问题。

sunkebkn8 commented 1 year ago

嗯,1.3.2 不需要 PostCSS 8,试一下删除 node_modules 重新安装还报不报错,升级到 PostCSS 8 的版本(2.1.0)修复了桌面端 fixed 定位不准确的问题。 试了很多次不太行,postcss版本我也切换了几次

wswmsword commented 1 year ago
node_modules内postcss的版本

项目 node_modules 里 postcss 的版本是多少?

sunkebkn8 commented 1 year ago

image 这个是版本号

wswmsword commented 1 year ago

看起来好像没什么问题,试一下删除 package-lock 和 node_modules,然后安装下面这个看看行不行。

npm install --save-dev postcss postcss-mobile-forever
wswmsword commented 1 year ago

还是不行吗

fdy696 commented 1 year ago

1.3.2不存在

fdy696 commented 1 year ago

image

wswmsword commented 1 year ago

1.3.2不存在

@fdy696 对的,这个插件在 2.1.2 之前不叫 postcss-mobile-forever,是后来才改了名字。

您试一下安装最新的版本,最新版本是 3.3.2。我现在打不开 npm 官网,不然可以截个这个 postcss-mobile-forever 最小版本号的图。

zhuweilong commented 1 year ago

相同问题 也是报错 请问作者解决办法有么

wswmsword commented 1 year ago

@zhuweilong 你好,请问您是安装的 postcss-mobile-forever 吗,以前的 postcss-mobile-to-multi-displays 不在维护了,名字换成了 postcss-mobile-forever。

zhuweilong commented 1 year ago

@wswmsword 用的是最新的postcss-mobile-forever 你的demo vue 用的vite 你试试webpack node是10.19.0

wswmsword commented 1 year ago

@zhuweilong 我写了个 Vue 的 webpack 例子,node 18.16.0 正常运行。我试了把 node 切到 10.19.0,有版本问题,你有在线的例子吗,我可以帮你调试看看,还是你就是要我这个例子的 node 10.19.0 的版本的?

zhuweilong commented 1 year ago

@wswmsword 你试试低版本的node10.19.0 因为相关关联的node-sass等 引入的依赖包都是以低版本node为标准的 vue2.6.11+vant2.12.47

wswmsword commented 1 year ago

@sunkebkn8 我写了依赖低版本 PostCSS(大于 v6.0.0)的 postcss-mobile-forever,按下面的命令安装应该不会报错“必须要求 PostCSS 8”了:

npm install postcss-mobile-forever@legacy --save-dev