Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Meteor 流星和离子css不适用_Meteor_Ionic Framework - Fatal编程技术网

Meteor 流星和离子css不适用

Meteor 流星和离子css不适用,meteor,ionic-framework,Meteor,Ionic Framework,我想使用该软件包创建一个非常简单的应用程序与流星和离子框架。使用,我创建了以下非常简单的应用程序: Router.js: Router.configure({ layoutTemplate: 'layout' }); Router.route('/', function () { this.render('MyTemplate'); }); Templates.html: <template name="layout"> {{#ionBody}}

我想使用该软件包创建一个非常简单的应用程序与流星和离子框架。使用,我创建了以下非常简单的应用程序:

Router.js:

Router.configure({
  layoutTemplate: 'layout'
});

Router.route('/', function () {
  this.render('MyTemplate');
});
Templates.html:

<template name="layout">
    {{#ionBody}}
        {{> ionNavBar}}

        {{#ionNavView}}
            {{> yield}}
        {{/ionNavView}}

    {{/ionBody}}
</template>

<template name="myTemplate">
    {{#ionContent}}
        Hello World!
    {{/ionContent}}
</template>

{{{离子体}
{{>ionNavBar}
{{{#ionNavView}
{{>产量}
{{/ionNavView}
{{/ionBody}
{{{#离子含量}
你好,世界!
{{/ionContent}

应用程序加载时没有错误,并且显示内容“Hello World!”,完全没有任何样式。例如,为什么不显示iosNavBar

查看离子型sass的安装说明:

它说:

在应用程序的.scss文件中:

@进口 “.meteor/local/build/programs/server/assets/packages/meteoric_ionic-sass/ionic”


因此,在meteor应用程序中,使用上述导入语句创建一个style.scss文件。现在您应该可以看到正确应用的样式了。

对于仍发现缺少图标的用户,请添加第二行以导入图标

@导入“.meteor/local/build/programs/server/assets/packages/meteoric_-ionic-sass/ionic”

@导入“.meteor/local/build/programs/server/assets/packages/meteoric_-ionicons-sass/ionicons”

示例应用程序引用链接

我假设您手动添加了ionic sass软件包,以及fourseven:scss,是吗?另外,当您检查dom时,导航条div是否显示?@Ramsay Lanier:是的,我添加了以下软件包,如流星指南中所述:iron:router fourseven:scss meteoric:ionic sass meteoric:Ionics sass meteoric:ionic,潜水艇在那里,谢谢!成功了!如果您是手动编码路线和模板,也应明确包含在meteoric指南中。。。。对于从meteor开始的人,我强烈建议使用orion cli,因为它可以创建基本的应用程序结构,只需几下笔划即可为您生成路由和视图。参考文献