web-dev-qa-db-ja.com

Uncaught ReferenceError：jsPDFが定義されていません

これが私のHTMLコードで、div「abc」に出力されたものをダウンロード可能なPDFファイルに取得しようとしています。

<!-- Page Heading -->
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">
            Reports
        </h1>
        <ol class="breadcrumb">
            <li>
                <i class="fa fa-dashboard"></i>  <a href="dashboard">Dashboard</a>
            </li>
            <li class="active">
                <i class="fa fa-edit"></i> Reports
            </li>

        </ol>
        <body>
          <div id="abc">
</div>
<div id="editor"></div>
<button id="cmd">Download Survey Report</button>
        <div id="abc">

        </div>
        </body>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.min.js"></script>
        <script>

                var doc = new jsPDF();
                var specialElementHandlers = {
                  '#editor': function (element, renderer) {
                return true;
            }
        };

        $('#cmd').click(function () {
            doc.fromHTML($('#abc').html(), 15, 15, {
                'width': 170,
                    'elementHandlers': specialElementHandlers
            });
            doc.save('SurveyReport.pdf');
        });
        </script>


        <script>
        firebase.auth().onAuthStateChanged(function(user){
          if(user){
            var userID = user.uid;
            RetrieveSurvey(userID,1,PrintSurvey(document.getElementById("abc")));
          }
        })
        </script>

    </div>
</div>

そして、コンソールで次のエラーが発生します：「UncaughtReferenceError：jsPDF isnotdefined」

ここで何が間違っているのかわかりません。スクリプトタグにjsPDFを追加しました...

javascripthtmljspdf
3
D. A

これを使って：

window.jsPDF = require('jspdf');

これの代わりに：

import jsPDF from 'jspdf';
0
Luiz H. Alves Ferreira