IONIC2中不能正常编译SASS的问题
发布于 8个月前 作者 wenner 1251 次浏览 来自 问答

IONIC2新手 , 从前天开始装IONIC2…一直遇坑…从install ionic@beta , 到 serve , 到build android 经过两天的不停测试,终于把环境都弄顺了…

  1. 现在在编译sass的时候还是有问题…这里直接用官方的tutorial模板

ionic start demo tutorial --v2 cd demo ionic serve

  1. 这里编译错误,build文件夹中没有css文件夹… 虽然可以继续运行下去,可是打开的页面是没有任何样式的…这样可玩不了 下面是错误信息:

[11:25:57] Starting 'scripts’… node_modules\ionic-angular\components.core.scss Error: Import directives may not be used within control directives or mixins. on line 34 of node_modules/ionic-angular/components.core.scss

@import "fonts/ionicons"; –^

[11:25:57] Finished ‘sass’ after 124 ms

  1. 因为对sass并不熟悉,所以搜索了一下错误信息,并没有找到解决的办法… 于是在 ionic-angular/components.core.sass 中 吧错误地方的 @if 部分给注释掉了

    // Ionicons (to be replaced with SVGs) $ionicons: true !default; //@if ($ionicons) { @import "fonts/ionicons"; //}

  2. 再次 ionic serve ,上一错误没了, 出了一个新错误… 不过样式已经被编译了,打开的页面也是正常的,只是少了WP的样式 , 至少可以玩了 下面是错误信息:

[11:43:22] Finished ‘fonts’ after 157 ms node_modules\ionic-angular\components\tabs\tabs.wp.scss Error: Undefined variable: "$color-contrast". on line 88 of node_modules/ionic-angular/components/tabs/tabs.wp.scss

  color: $color-contrast;
>> 

-------------^ [11:43:23] Finished ‘sass’ after 1.09 s

可以看出是针对WP的样式

我的问题是 , 上面需要修改代码才可以正常编译SASS的错误,需要怎么修改? 熟悉SASS的兄弟应该一下就能看明白吧 , 这是我系统环境的问题 , 还是IONIC2的问题呢?

感觉改 ionic-angular/component.core.sass 代码不靠谱,毕竟现在ionic2的更新还很频繁

这里是系统信息 WIN10 64位 , VS2015 (不知道个例还是普遍,装NODE-SASS好坑)

ionic info Your system information: Cordova CLI: 6.1.1 Gulp version: CLI version 3.9.0 Gulp local: Local version 3.9.1 Ionic Framework Version: 2.0.0-beta.4 Ionic CLI Version: 2.0.0-beta.25 Ionic App Lib Version: 2.0.0-beta.15 OS: Node Version: v4.4.2

3 回复

并没有什么问题,重新安装package,有些package可能因为网络原因,并没有下载完

…package???是 npm install 么??? 如果缺少一个,根本不会运行起来啊…:(

会有提醒说让运行 npm install 的…而且所有包都已经正常下载了…

结贴: 以上问题更新Ionic后都解决了

回到顶部