Css Ionic应用程序的样式表未显示_Css_Angularjs_Webstorm_Ionic

Css Ionic应用程序的样式表未显示

css angularjs webstorm

Css Ionic应用程序的样式表未显示,css,angularjs,webstorm,ionic,Css,Angularjs,Webstorm,Ionic,我在WebStorm中构建了一个小的Ionic应用程序，使用了一个简单的教程来构建一个侧菜单。当我在使用Cordova的模拟器中启动它时，它会运行，但Ionic的所有样式似乎都不起作用，尽管它似乎都是我项目的一部分，并在索引文件中引用 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-s

我在WebStorm中构建了一个小的Ionic应用程序，使用了一个简单的教程来构建一个侧菜单。当我在使用Cordova的模拟器中启动它时，它会运行，但Ionic的所有样式似乎都不起作用，尽管它似乎都是我项目的一部分，并在索引文件中引用

<html>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/services.js"></script>
</head>
<body ng-app="roo">
<ion-side-menus>
<ion-side-menu-content ng-controller="NavCtrl">
    <ion-header-bar class="bar-positive">
        <div class="buttons">
           <button class="button icon button-clear ion-navicon-round"
                ng-click="toggleLeft()"></button>
        </div>
        <h1 class="title">Sidemenu</h1>
    </ion-header-bar>
</ion-side-menu-content>
    <ion-side-menu side="left">
        <ion-list>
            <ion-item>Current Location</ion-item>
        </ion-list>
        <ion-list>
            <ion-item>Messages</ion-item>
        </ion-list>
        <ion-list>
            <ion-item>Travel</ion-item>
        </ion-list>
        <ion-list>
            <ion-item>Profile</ion-item>
        </ion-list>
        <ion-list>
            <ion-item>Interests</ion-item>
        </ion-list>
    </ion-side-menu>
</ion-side-menus>

</body>
</html>


副菜单
当前位置
信息
旅行
轮廓
兴趣

进行以下更改似乎可以修复问题，我也将其更改为模板，但这与修复无关：

<ion-side-menus>
<ion-side-menu-content class="has-header" ng-controller="NavCtrl">
    <ion-header-bar class="bar-positive">
        <div class="buttons">
            <button class="button icon button-clear ion-navicon-round"
                    ng-click="toggleLeft()"></button>
        </div>
        <h1 class="title" style="margin-left: 0">Roo</h1>
    </ion-header-bar>
</ion-side-menu-content>
<ion-side-menu side="left">

    <div class="list">
        <a class="item item-icon-left" href="#">
            <i class="icon roo-blue ion-home"></i>
            <i class="roo-blue">Current Location</i>
        </a>

        <a class="item item-icon-left" href="#">
            <i class="icon roo-blue ion-chatbubbles"></i>
            <i class="roo-blue">Messages</i>
        </a>

        <a class="item item-icon-left" href="#">
            <i class="icon roo-blue ion-plane"></i>
            <i class="roo-blue">Travel</i>
        </a>

        <a class="item item-icon-left" href="#">
            <i class="icon roo-blue ion-person"></i>
            <i class="roo-blue">Profile</i>
        </a>

        <a class="item item-icon-left" href="#">
            <i class="icon roo-blue ion-heart"></i>
            <i class="roo-blue">Interests</i>
        </a>

    </div>
</ion-side-menu>


袋鼠

我在遵循下面链接的官方爱奥尼亚指南时遇到了类似的问题。

http://www.ionicframework.com/docs/guide/

不明白为什么应用程序中没有使用CSS文件