私はwin8アプリを作成していて、次のエラーが発生しています:
{"exception":null,
"error":
[{"description":"Unable to get property 'style' of undefined or null reference",
"number":-2146823281,
"stack":"TypeError: Unable to get property 'style' of undefined or null reference\n
at executeElementAnimation (ms-appx://microsoft.winjs.1.0/js/base.js:6652:13)\n
at applyAction (ms-appx://microsoft.winjs.1.0/js/base.js:6754:25)\n
at executeAnimation (ms-appx://microsoft.winjs.1.0/js/base.js:6815:13)\n
at enterPage (ms-appx://microsoft.winjs.1.0/js/ui.js:1473:9)\n
at navigated (ms-appx://fa541b49-1aef-4f6c-9002-7d2e2fcadc25/js/navigator.js:114:21)\n
at parentElement (ms-appx://fa541b49-1aef-4f6c-9002-7d2e2fcadc25/js/navigator.js:94:29)\n
at notifySuccess (ms-appx://microsoft.winjs.1.0/js/base.js:1404:21)\n
at enter (ms-appx://microsoft.winjs.1.0/js/base.js:1091:21)\n
at _run (ms-appx://microsoft.winjs.1.0/js/base.js:1307:17)\n
at _completed (ms-appx://microsoft.winjs.1.0/js/base.js:1275:13)"},
{"description":"Unable to get property 'style' of undefined or null reference","number":-2146823281,
"stack":"TypeError: Unable to get property 'style' of undefined or null reference\n
at executeElementTransition (ms-appx://microsoft.winjs.1.0/js/base.js:6575:13)\n
at applyAction (ms-appx://microsoft.winjs.1.0/js/base.js:6754:25)\n
at executeTransition (ms-appx://microsoft.winjs.1.0/js/base.js:6837:13)\n
at enterPage (ms-appx://microsoft.winjs.1.0/js/ui.js:1484:9)\n
at navigated (ms-appx://fa541b49-1aef-4f6c-9002-7d2e2fcadc25/js/navigator.js:114:21)\n
at parentElement (ms-appx://fa541b49-1aef-4f6c-9002-7d2e2fcadc25/js/navigator.js:94:29)\n
at notifySuccess (ms-appx://microsoft.winjs.1.0/js/base.js:1404:21)\n
at enter (ms-appx://microsoft.winjs.1.0/js/base.js:1091:21)\n
at _run (ms-appx://microsoft.winjs.1.0/js/base.js:1307:17)\n
at _completed (ms-appx://microsoft.winjs.1.0/js/base.js:1275:13)"}],
"promise":{"_oncancel":null,
"_nextState":null,
"_state":{"name":"error","done":null,"then":null},
"_value":
[{"description":"Unable to get property 'style' of undefined or null reference",
"number":-2146823281,
"stack":"TypeError: Unable to get property 'style' of undefined or null reference\n
at executeElementAnimation (ms-appx://microsoft.winjs.1.0/js/base.js:6652:13)\n
at applyAction (ms-appx://microsoft.winjs.1.0/js/base.js:6754:25)\n
at executeAnimation (ms-appx://microsoft.winjs.1.0/js/base.js:6815:13)\n
at enterPage (ms-appx://microsoft.winjs.1.0/js/ui.js:1473:9)\n
at navigated (ms-appx://fa541b49-1aef-4f6c-9002-7d2e2fcadc25/js/navigator.js:114:21)\n
at parentElement (ms-appx://fa541b49-1aef-4f6c-9002-7d2e2fcadc25/js/navigator.js:94:29)\n
at notifySuccess (ms-appx://microsoft.winjs.1.0/js/base.js:1404:21)\n
at enter (ms-appx://microsoft.winjs.1.0/js/base.js:1091:21)\n
at _run (ms-appx://microsoft.winjs.1.0/js/base.js:1307:17)\n
at _completed (ms-appx://microsoft.winjs.1.0/js/base.js:1275:13)"},
{"description":"Unable to get property 'style' of undefined or null reference",
"number":-2146823281,
"stack":"TypeError: Unable to get property 'style' of undefined or null reference\n
at executeElementTransition (ms-appx://microsoft.winjs.1.0/js/base.js:6575:13)\n
at applyAction (ms-appx://microsoft.winjs.1.0/js/base.js:6754:25)\n
at executeTransition (ms-appx://microsoft.winjs.1.0/js/base.js:6837:13)\n
at enterPage (ms-appx://microsoft.winjs.1.0/js/ui.js:1484:9)\n
at navigated (ms-appx://fa541b49-1aef-4f6c-9002-7d2e2fcadc25/js/navigator.js:114:21)\n
at parentElement (ms-appx://fa541b49-1aef-4f6c-9002-7d2e2fcadc25/js/navigator.js:94:29)\n
at notifySuccess (ms-appx://microsoft.winjs.1.0/js/base.js:1404:21)\n
at enter (ms-appx://microsoft.winjs.1.0/js/base.js:1091:21)\n
at _run (ms-appx://microsoft.winjs.1.0/js/base.js:1307:17)\n
at _completed (ms-appx://microsoft.winjs.1.0/js/base.js:1275:13)"}],"_isException":false,"_errorId":4},"id":4}
私のJavaScriptファイルは次のとおりです。
(function () {
"use strict";
var ui = WinJS.UI;
var utils = WinJS.Utilities;
ui.Pages.define("/pages/itemDetail/itemDetail.html", {
// Template tutorial code
getAnimationElements: function () {
return [[this.element.querySelector("header")], [this.element.querySelector(".content")]];
},
// This function is called whenever a user navigates to this page. It
// populates the page elements with the app's data.
ready: function (element, options) {
var item = options && options.item ? Data.resolveItemReference(options.item) : Data.items.getAt(0);
element.querySelector(".titlearea .pagetitle").textContent = item.group.title;
//element.querySelector("article .item-title").textContent = item.title;
//element.querySelector("article .item-subtitle").textContent = item.subtitle;
//element.querySelector("article .item-image").src = item.backgroundImage;
//element.querySelector("article .item-image").alt = item.subtitle;
//element.querySelector("article .item-content").innerHTML = item.content;
//element.querySelector(".detailfontstyle").textContent = item.mIOs.PrimaryObjective;
// Template tutorial code
appbar.winControl.disabled = false;
appbar.winControl.hideCommands([labelSize, markItem]);
appbar.winControl.showCommands([textSize]);
},
// Template tutorial code
setPageFocus: function () {
this.element.querySelector(".content").focus();
},
});
})();
HTMLファイルは次のとおりです。
<html>
<head>
<meta charset="utf-8" />
<title>itemDetailPage</title>
<!-- WinJS references -->
<link href="//Microsoft.WinJS.1.0/css/ui-light.css" rel="stylesheet" />
<script src="//Microsoft.WinJS.1.0/js/base.js"></script>
<script src="//Microsoft.WinJS.1.0/js/ui.js"></script>
<link href="/css/default.css" rel="stylesheet" />
<link href="/pages/MarketIODetails/marketingIODetails.css" rel="stylesheet" />
<link href="/pages/itemDetail/itemDetail.css" rel="stylesheet" />
<script src="/js/data.js"></script>
<script src="/pages/itemDetail/itemDetail.js"></script>
</head>
<body>
<!-- The content that will be loaded and displayed. -->
<div class="itemdetailpage fragment">
<header aria-label="Header content" role="banner">
<button class="win-backbutton" aria-label="Back" disabled></button>
<h1 class="titlearea win-type-ellipsis">
<span class="pagetitle"></span>
</h1>
</header>
<div class="details">
<h1 style="font-family:'segoe ui'; color:orange;text-align:center; margin- bottom:20px">Details</h1>
<!--<h2 class="detailfontstyle">Primary obj: Put primary obj here</h2>-->
<!--<h2 class="detailfontstyle org">Org: Put organisation here</h2>
<h2 class="detailfontstyle sap">SAP IO: Put SAP IO here</h2>
<h2 class="detailfontstyle editor1">Editor 1: Put editor name here</h2>
<h2 class="detailfontstyle edito2">Editor 2: Put editor name here</h2>-->
</div>
<div class="tablecontainer">
<div class="tableoutlay">
<h1 style="font-family:'segoe ui'; color:orange; text-align:center">Budget Table</h1>
<table class="forecastTable">
<thead>
<tr style="height: 5px">
<th></th>
<th>Available</th>
<th>Assigned</th>
<th>Unassigned</th>
<th>Approved</th>
</tr>
</thead>
<tbody>
<tr>
<th>Vendor</th>
<td>1231</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
</tr>
<tr>
<th>RevAdjust</th>
<td>1231</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
</tr>
<tr>
<th>Market</th>
<td>1231</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
</tr>
</tbody>
</table>
</div>
<div class="tableoutlay" style="margin-top:43px">
<h1 style="font-family: 'segoe ui'; color: orange; text-align:center">Forecast Table</h1>
<table class="forecastTable">
<thead>
<tr style="height: 5px">
<th></th>
<th>July</th>
<th>Aug</th>
<th>Sep</th>
<th>Oct</th>
<th>Nove</th>
<th>Dec</th>
<th>Jan</th>
<th>Feb</th>
<th>Mar</th>
<th>Apr</th>
<th>May</th>
<th>June</th>
</tr>
</thead>
<tbody>
<tr>
<th>Vendor</th>
<td>1231</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>1289</td>
</tr>
<tr>
<th>Budget</th>
<td>1231</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>1289</td>
</tr>
<tr>
<th>Market</th>
<td>1231</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>1289</td>
</tr>
<tr>
<th>Some</th>
<td>1231</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>1289</td>
</tr>
<tr>
<th>Some</th>
<td>1231</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>7292</td>
<td>9821</td>
<td>4325</td>
<td>1278</td>
<td>1289</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
これを解決する方法についてのアイデアはありますか?
どうもありがとう。