Ionic＆Visual Studio /科尔多瓦-Ionic无法正常工作

Kyle B 发表于 Dev

凯尔B

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

我使用其中一个Ionic教程（几乎是复制和粘贴）创建了主页，并在Ripple Emulator和真实设备中对其进行了测试，两者均以相同的结果运行。
它们都可以作为应用正常运行，但是Ionic无法呈现任何内容。

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

“未捕获的TypeError：无法设置未定义的属性'content'”

文件：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>