.scss文件不自动编译.css

时间:2017-11-06 20:47:45

标签: ios css node.js cordova gulp

我正在使用Ionic,我之前有一个Gulpfile.js完美无缺。我更新了npm,Angular,Ionic和cordova,这破坏了我的工作环境。

现在,我需要手动启动ionic serve(或gulp watch),以便它识别我在.scss文件中进行更改然后将其编译为.css

这些更新之前,我可以更改我的.scss文件,它会自动识别更改并将其编译为.css,而不是触发ionic serve或预先gulp watch 手动

这是ionic info给我的:

  

警告] ./www/lib/ionic/version.json文件错误:FILE_NOT_FOUND,   尝试./bower.json。

     

cli包:(/ usr / local / lib / node_modules)

@ionic/cli-utils  : 1.16.0
ionic (Ionic CLI) : 3.16.0
     

全球套餐:

cordova (Cordova CLI) : 7.0.1 
Gulp CLI              : CLI version 3.9.1 Local version 3.9.1
     

本地包裹:

Cordova Platforms : android 6.3.0 ios 4.4.0
Ionic Framework   : ionic1 master
     

系统:

ios-deploy : 1.9.0 
ios-sim    : 5.0.8 
Node       : v6.8.1
npm        : 4.6.1 
OS         : macOS High Sierra
Xcode      : Xcode 9.1 Build version 9B55 
     

环境变量:

ANDROID_HOME : not set
     

其他:

backend : pro

我正在使用xCodecordova prepare ios在iPhone上部署它,但正如您所理解的那样,因为.css不会自动编译,所以应用程序无法识别css更改,因为它可以如果我不手动操作,就看不到它们。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

好吧,这似乎是Ionic CLI问题。更新到Ionic CLI 3后,gulp watch任务未被触发,这就产生了这个恼人的问题。

你可以看到其中一位开发人员说他会解决这个问题。

https://github.com/ionic-team/ionic-cli/issues/2859#issuecomment-342338626

编辑:现在修好了。您可以通过npm i -g ionic@canary.

安装 alpha CLI 来解决此问题