.scss 文件不会自动编译 .css

Posted 2023-03-15

【中文标题】.scss 文件不会自动编译 .css

【英文标题】：.scss files not compiling .css automatically

【发布时间】：2017-11-06 20:47:44

【问题描述】：

我正在使用 Ionic 并且我有一个 Gulpfile.js 以前可以完美运行。我更新了 npm、Angular、Ionic 和 cordova，这破坏了我的工作环境。

现在，我需要手动启动 ionic serve（或 gulp watch），以便它识别出我在 .scss 文件中进行了更改，然后编译它转为 .css

在这些更新之前，我可以更改我的 .scss 文件，它会自动识别更改并将其编译为 .css，而不是我触发 ionic serve 或 @ 987654325@ 手动。

这是ionic info 给我的：

WARN] ./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

我正在使用xCode 和cordova prepare ios 在iPhone 上部署它，但正如您所理解的，因为.css 不是自动编译的，所以应用程序无法识别css 更改，因为如果它无法看到它们我不手动做。

我该如何解决这个问题？

【参考方案1】：

好的，这似乎是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 来修复它