Sencha Sass 文件编译问题

Posted

技术标签:

【中文标题】Sencha Sass 文件编译问题【英文标题】:Sencha Sass file compilation issue 【发布时间】:2014-06-30 09:15:55 【问题描述】:

我是 sencha 的新手,我正在尝试编译一个 sencha Sass 文件,但我收到了这个错误:

_Button.scss 的第 7 行:未定义的 mixin 'toolbar-button'

在我的 CSS 中,我没有使用任何与 工具栏按钮 相关的东西。我哪里错了?

【问题讨论】:

【参考方案1】:

_Button.scss 是 Sencha Touch 默认主题的样式表。

这就是为什么我认为您的应用程序的工具栏中有一个按钮,而 Sencha Touch 会尝试对其应用默认样式。但是,它不能这样做,因为您没有在 .scss 文件中包含 Sencha Touch 默认样式。

尝试在.scss 样式文件的顶部添加这些行:

@import 'sencha-touch/default';
@import 'sencha-touch/default/all';
@include sencha-buttons;
@include sencha-toolbar;

【讨论】:

以上是关于Sencha Sass 文件编译问题的主要内容,如果未能解决你的问题,请参考以下文章

Gulp-sass 无法编译 scss 文件

Sencha cmd,闭包编译错误:如何定位有问题的代码

如何安装并编译sass为css文件

vue-sass-loader 只编译样式标签,不编译文件

Sass 文件编译两次

Laravel 混合编译 vuetify styles.sass 到空 css 文件