ionic报错记录

最新推荐文章于 2024-08-23 07:36:02 发布

你牛什么牛

最新推荐文章于 2024-08-23 07:36:02 发布

阅读量1k

点赞数 1

分类专栏： ionic 文章标签： ionic3

本文链接：https://blog.youkuaiyun.com/qq_24401529/article/details/94872534

版权

ionic 专栏收录该内容

8 篇文章

订阅专栏

1，由于界面样式和布局很相似，所以就把html和scss从一个界面复制到新界面，后来修改新界面的scss的样式，一直不生效，经过查找原因，是因为新建的page的样式文件的selector居然是之前的界面的，所以导致修改样式一直不生效

2.用ion-toolbar设置页面标题和返回图标，并且给toolbar下面的布局设置非白色后，跳转其他界面在返回有头部有空白闪现，即之前的页面的头部先变白然后才恢复设置的颜色，原因是给ion-header设置了style="background-color: #FFFFFF"

3给ion-segment设置margin-right无效问题，这是因为css默认是float：left ，解决办法：在外层包一层div 在div里面设置padding

4.新增provider后报错：报错如下

编辑器里面：

[14:58:58] ionic-app-script task: "build"
[14:58:58] Error: Failed to transpile program
Error: Failed to transpile program
at new BuildError (/Users/alan/Documents/GS/proj/itsm-app/node_modules/@ionic/app-scripts/dist/util/errors.js:16:28)
at /Users/alan/Documents/GS/proj/itsm-app/node_modules/@ionic/app-scripts/dist/transpile.js:159:20
at new Promise (<anonymous>)
at transpileWorker (/Users/alan/Documents/GS/proj/itsm-app/node_modules/@ionic/app-scripts/dist/transpile.js:107:12)
at Object.transpile (/Users/alan/Documents/GS/proj/itsm-app/node_modules/@ionic/app-scripts/dist/transpile.js:64:12)
at /Users/alan/Documents/GS/proj/itsm-app/node_modules/@ionic/app-scripts/dist/build.js:109:82

运行到浏览器为界面空白，console输出为：

最后发现是在provider里面定义的变量的问题导致

错误前是：

修改为let assetsInfoRead=[];

5.使用 this.navCtrl.push("KlAddPage",{age:13})或者navPush="KlAddPage"的时候在浏览器上调试可以打开新界面，但是在手机上就点击没有反应了。

解决过程：

this.navCtrl.push("KlAddPage",{age:13})
    .then(
    e=>this.pub.toast('ok'),

            e=>this.pub.toast(e));

使用then方法打印跳转时候的错误发现是因为ts文件中，构造函数里面有属性值为null了，

修改构造函数属性值为null的属性，让其不为null，点击跳转成功

5.当报Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (错误的时候，除了是node-sass的原因外，可能是@ionic/app-scripts文件下面的有误，替换此文件夹下面的文件