クロムの拡張子のポップアップにいくつかのchart.jsを表示

chrome拡張子のポップアップにchart.jsからいくつかの動的なグラフを表示しようとしています。チャートにデータを追加し、クロムの拡張子のポップアップにいくつかのchart.jsを表示

<html> 
    <head> 
    </head> 

    <body> 
     <div class="container"> 
      <div> 
       <canvas id="chart"></canvas> 
      </div> 
     </div> 
     <p id='test'></p> 
     <script type='text/javascript' src='chart.js'> 
     <script type='text/javascript' src='popup.js'> 
     </script> 
    </body> 
</html>

そして、私の最小限のスクリプト：ここ

は私の最小限のHTMLファイルではありません

document.addEventListener('DOMContentLoaded', function() 
{ 
    var ctx = document.getElementById("chart").getContext('2d'); 
    var myChart = new Chart(ctx, { 
     type: 'doughnut', 
     data: { 
      labels: [ 'a', 'b', 'c', 'd' ], 
       datasets: [{ 
       backgroundColor: [ 
        "#59be5b", 
        "#d56328", 
        "#ff1b2d", 
        "#0078d7" 
       ], 
       data: [ 1, 2, 3, 4 ] 
      }] 
     } 
    }); 

    document.getElementById('test').textContent = 'SUCCEED'; 
});

今私のポップアップが空白になって、何もありテスト要素には内容がありません。さらに、コンソール出力（エラーなし）はありません。

これをどのように修正する必要がありますか？

出典

2017-05-03 Nucktrooper

私は、次のコードを試してみてください、あなたには、いくつかのシンテックスエラーを持っていると思う：

popup.html

<html> 
<head>  
    <script type='text/javascript' src='chart.js'></script> 
    <script type='text/javascript' src='popup.js'></script> 
</head> 
<body> 
    <div class="container"> 
     <div> 
      <canvas id="chart"></canvas> 
     </div> 
    </div> 
    <p id='test'></p> 
</body>

マニフェスト：

{ 
    "manifest_version": 2, 
    "minimum_chrome_version": "23", 
    "name": "test!", 
    "description": "test", 
    "version": "1.0", 

    "browser_action": { 
    "default_icon": "icon.png", 
    "default_popup": "popup.html", 
    "default_title": "Click here!" 
    }, 
"permissions": [], 
"background": { } 
}

popup.jsが同じです...

私はそれをテストし、私のポップアップにグラフを表示します

幸運。

出典

2017-05-03 06:54:30 OriEng

右。私はスクリプトの終了タグを忘れてしまった。コンソールにエラーがなかったので少し混乱しました。 HMTLのエラーが表示されていないことはわかりませんでした。ありがとうございました。 – Nucktrooper

クロムの拡張子のポップアップにいくつかのchart.jsを表示

答えて

関連する問題