Ionic & Visual Studio/Cordova - Ionic 不工作

Question

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

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

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

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

File: ionic.js, Line 3898, Column: 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 遇到过这个问题并且知道如何解决它？

-凯尔

Answer 1

您可能需要更新 shim。此示例可能有助于： https://code.msdn.microsoft.com/Ionic-SideMenu-Starter-8e905eb5

更多信息： http://blogs.msdn.com/b/msdn_answers/archive/2015/02/10/running-cordova-apps-on-windows-and-windows-phone-8-1-using-ionic-angularjs-and-other-frameworks.aspx

Ionic & Visual Studio/Cordova - Ionic 不工作

Ionic & Visual Studio/Cordova - Ionic not working

javascript

visual-studio

cordova

ionic-framework

visual-studio-cordova