Ionic & Visual Studio/Cordova - Ionic 不工作答案

【问题标题】：Ionic & Visual Studio/Cordova - Ionic not workingIonic & Visual Studio/Cordova - Ionic 不工作
【发布时间】：2015-01-19 00:15:54
【问题描述】：

我刚刚开始在新的 Visual Studio Apache Cordova 工具中使用 Ionic 开发应用程序。

我使用 Ionic 教程之一（几乎是复制和粘贴）创建了一个主页，并在 Ripple Emulator 和真实设备上对其进行了测试，两者运行结果相同。
它们都作为应用程序运行良好，但 Ionic 无法渲染任何内容。

在 Visual Studio 中，我收到以下 JavaScript 错误：

"Uncaught TypeError: Cannot set property 'content' of undefined"

文件：ionic.js，第 3898 行，第 23 列

这是 ionic.js 文件尝试设置 viewportTag.content 属性但 viewport 变量未定义的位置。

function viewportTagUpdate() {
   var key, props = [];
   for (key in viewportProperties) {
     if (viewportProperties[key]) {
       props.push(key + (viewportProperties[key] == '_' ? '' : '=' + viewportProperties[key]));
     }
   }

   viewportTag.content = props.join(', ');
}

viewportTag.content = props.join(', '); 是错误所在。

这是我的 HTML：

<!DOCTYPE html>
<html ng-app>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    <title>Test Tabs App</title>

    <link href="/Content/ionic.css" rel="stylesheet" />
    <link href="/css/index.css" rel="stylesheet" />

    <script src="/cordova.js"></script>
    <script src="/scripts/platformOverrides.js"></script>
    <script src="/scripts/viewScripts/Home.js"></script>
    <script src="/scripts/packages/ionic/ionic.bundle.js"></script>

</head>
<body>
    <ion-tabs>
        <ion-tab class="tabs-positive" title="Home">
            <ion-content>
                <p>Home Tab</p>
            </ion-content>
        </ion-tab>
        <ion-tab title="About">
            <ion-content>
                <p>About Tab</p>
            </ion-content>
        </ion-tab>
    </ion-tabs>
</body>
</html>

以前有人遇到过 Ionic 的这个问题并知道如何解决吗？

-凯尔

【问题讨论】：

+1 每当我更改波纹的方向时，我都会遇到与该特定行相同的问题，希望如果有人碰巧出现并分享一些见解，它是相关的。

标签： javascript visual-studio cordova ionic-framework visual-studio-cordova