插件下载好了,代码跟着打了,重启项目还是不可以,还是px

插件下载好了,代码跟着打了,重启项目还是不可以,还是px

正在回答

登陆购买课程后可参与讨论,去登陆

8回答

同学你好, 这个警告不影响项目正常运行的, 可以忽略哦

有时候效果没有生效的时候,可能是在操作过程中哪个步骤遗漏了, 同学不要着急,尝试着慢慢调试解决就可以了,如果有疑惑,可以在问答区进行提问, 老师们也会帮助同学想办法解决的

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~

提问者 宗桦 2019-08-14 12:50:30

试了很多次,每次写cnpm install px2rem-loader的时候package.json没有

"px2rem-loader": "^0.1.9"

写npm install px2rem-loader的时候就有,但是它好像有很多警告http://img1.sycdn.imooc.com//climg/5d5392ff000161d605970440.jpg但是在package.json文件能找到"px2rem-loader": "^0.1.9"

  • 提问者 宗桦 #1
    这次写npm install px2rem-loader重启一下项目!竟然可以了!!!!前几次试了都没用!!
    2019-08-14 12:52:22
提问者 宗桦 2019-08-14 10:22:28

http://img1.sycdn.imooc.com//climg/5d53704900018d0b19200947.jpg有没有别的方案,可以把px转换成rem,我已经找不出问题出在哪了TAT

好帮手慕慕子 2019-08-14 09:37:37

同学你好, 从同学的描述和截图看, 你的操作貌似是没有问题, 同学可以通过控制台查看一下, 设置的px是否转化为rem

http://img1.sycdn.imooc.com//climg/5d5365b700010ef413120652.jpg

如果还有问题, 可以再次提问, 我们会继续为你解答的

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

提问者 宗桦 2019-08-13 20:26:47

我都把vue全部删了重新写还是一样没有转换成rem,http://img1.sycdn.imooc.com//climg/5d52ac1a0001ed7f05840192.jpg这几行输的都是运行成功的,项目我也重启了

http://img1.sycdn.imooc.com//climg/5d52ac760001c50b14050843.jpg换了浏览器还是一样

  • 提问者 宗桦 #1
    没有报错呀
    2019-08-13 20:27:03
  • 提问者 宗桦 #2
    我没有在package.json有看到"px2rem-loader"=:"^0.1.9"
    2019-08-13 23:11:50
  • 提问者 宗桦 #3
    不用cnpm install px2rem-loader了,我用了npm install px2rem-loader,在package.json看到了"px2rem-loader"=:"^0.1.9",但还是没有效果
    2019-08-13 23:20:50
好帮手慕慕子 2019-08-13 19:25:43

同学你好, 

  1. scoped表示:style标签中添加scopeds属性,表示它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。

  2. config文件下的配置是规定的配置项, 按着格式书写即可。 如下所示, 配置的50表示此时页面渲染的时候, 1rem等于50px

    http://img1.sycdn.imooc.com//climg/5d529ba60001e21404250157.jpg

  3. 由于不知道同学具体做了哪些操作, 同学可以检查一下px2rem-loader插件是否安装成功, package.json文件中是否有如下依赖

    http://img1.sycdn.imooc.com//climg/5d529cfa0001f6bc03510045.jpg

  4. 还有一种可能就是, 由于网络的原因,导致安装插件过程中没有下载完整数据。建议:

    (1)执行npm install -D px2rem-Loader  可以重新安装一下px2rem-Loader插件 

    (2)或者将node_modules文件夹删除重新npm install安装依赖

    (3)重启项目试试

如果还有问题, 建议: 可以查看控制台是否有报错信息,将控制台截图粘贴过来,便于老师高效的为你解决问题

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

提问者 宗桦 2019-08-13 17:45:29

config文件下的rem里的计算公式是什么意思,为什么要引入插件不能用这个计算公式

提问者 宗桦 2019-08-13 17:44:10

detail.vue上的style标签

scoped

是什么意思?

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师