<p>pdf.jsはrequirejsでは機能しません</p>

「pdf」とは何ですか？ 完全な例を提供できますか？

確かに、Githubリポジトリをセットアップして、より完全にデモンストレーションします。

リポジトリは次のとおりです： https ：

'pdf'は、requireがその関数に戻ろうとしているモジュール参照です。 そのシナリオでは、Requirejsは動的にpdf.jsをロードし、「モジュール参照」をコールバック関数に返そうとしていますが、モジュール参照は設定されていません。 ブラウザのネットワークデバッガを介して動的ロードが発生することを確認できます。

pdf.js内の何かがモジュールローダーが存在することを検出し、グローバルPDFJSオブジェクトを設定していないことを除いて、これは通常はそれほど大きな問題ではありません。 どちらも存在しないため、requirejsがページにある場合はライブラリを使用できません。

これは、requireを使用してオブジェクトをロードしない場合でも発生することに注意してください。 コメントアウトされたpdf.jsへのスクリプト参照をページに配置しました。 それがrequireの前に配置されている場合、グローバルは適切に設定されます。 それがrequireの後に配置されている場合、グローバルは設定されません。

コードには2つの問題があります。

1. モジュールはその名前で参照されていない場合は、「pdfjs-dist / build / pdf」を使用します（pdfjs-distを別の場所に移動する場合は、require.configを使用して場所を変更します）
2. ドキュメントを消去するdocument.writeを使用しています

次のようなものを試してください：

        require.config({paths: {'pdfjs-dist': './node_modules/pdfjs-dist'}});
        require(['pdfjs-dist/build/pdf'], function(pdf) {
            console.log('PDFJS Module: ' + pdf + '<br>');
            console.log('PDFJS Global: ' + window.PDFJS);
        });

答えた通りに締めくくります。

これはバージョン1.0.1040で正しく機能することに注意してください

このバージョンでの作業は、requirejsがスクリプトを通常のスクリプトタグとしてロードすることの副作用です-require.jsと互換性があることを示すものではありません

グローバルPDFJSインスタンスを設定します

グローバルPDFJSは将来のバージョンで削除されるため、requirejsを使用している場合は、 pdf.PDFJS /を介して同じオブジェクトを使用できます。

ポイント1に関して：
その例では、ノードを使用してpdf.jsを含めませんでした。 公式ディストリビューションをダウンロードし、pdf.jsをサンプルのルートディレクトリにコピーしました。 そのため、「pdf」として参照するのが正しいです。 ネットワークデバッガーの例を見ると、これを確認できます。ファイルがrequireによって正しくダウンロードされていることがわかります。

ポイント2に関して：
これは、例を単純化するために行われました。 例の内容に関係なく、参照は未定義であり、ライブラリは使用できません。 具体的には、console.logに切り替えると、参照も未定義として表示されます。

将来のバージョンで削除されるグローバルPDFJSに関して：
私はそれで大丈夫ですが、pdfが定義されていない場合、pdf.PDFJSを介してライブラリをどのように参照することになっていますか？

その例では、ノードを使用してpdf.jsを含めませんでした

node.jsを使用しているとは思いませんでした。

公式ディストリビューションをダウンロードし、pdf.jsをサンプルのルートディレクトリにコピーしました。

PDF.jsはライブラリであり、多くのファイルで構成されています。たとえば、pdfjs-dist / build / pdfモジュールはpdfjs-dist / build /pdf.workerモジュールをロードできます。

そのため、「pdf」として参照するのが正しいです。

定義にリストされているものは何でもAMD名を使用する必要があります。https：//github.com/MartinSnyder/pdfjs-with-requirejs/blob/master/pdf.js#L21を参照して

完全なライブラリを指すrequire.configを使用して、上記の例を試しましたか？

完全なライブラリを指すrequire.configを使用して、上記の例を試しましたか？

私はちょうど今それを完了しました、そしてそれはあなたが言ったように働きます。

これは、ここにある「ダウンロードされた」ディストリビューションをこの目的に使用できないことを意味しますか？
https://mozilla.github.io/pdf.js/getting_started/#download

ノード「pdfjs-dist」パッケージを使用している限り問題ありませんが、ダウンロードしたバージョンはこれで動作するはずではありませんか？

ノード「pdfjs-dist」パッケージを使用している限り問題ありませんが、ダウンロードしたバージョンはこれで動作するはずではありませんか？

件名とは関係ないと思いますが、このパッケージのpdf.js / pdf.worker.jsファイルを使用して、requirejs'pdfjs-dist 'をzip形式の場所にポイントすることができます（pdf.jsおよびpdf以降で機能します）。 worker.jsファイルはビルドフォルダーにあります）。

定義にリストされているものは何でもAMD名を使用する必要があります。https：//github.com/MartinSnyder/pdfjs-with-requirejs/blob/master/pdf.js#L21を参照して

これは私が私の理解から欠けていた重要なビットでした。 時間を割いて説明していただきありがとうございます。

こんにちは、私も同様の問題を抱えているので、新しい問題を開くつもりはありませんが、ここで質問してください。それで問題ないことを願っています。
require.jsを使用してhttps://github.com/mozilla/pdf.js/blob/master/examples/components/simpleviewer.jsに基づいてビューアを実装しようとしてい

サンプルリポジトリは次のとおりです： https ：

@Lazzi main.jsモジュールはAMDにとって本当に奇妙に見えます、試してみてください：

define('main', ['pdfjs-dist/build/pdf', 'pdfjs-dist/web/pdf_viewer'], function(pdfjsLib, viewer, require) {

互換性はAMDではないので、どのように機能するかわかりません。

はい、AMDではありませんが、require.jsはこの種のモジュール定義もサポートしています： http ：//requirejs.org/docs/api.html#cjsmodule

しかし、あなたの提案された変更は私の問題を修正しませんでした。

@Lazziなるほど、＃7332を試してみましょう（AFAIK AMDの名前が重要です）

@yurydelendik動作します！ あなたはとても役に立ちました。 ありがとうございました。

これは、require.configに配置するのと同様に機能する可能性があります

    map: {
        '*': {
            'pdfjs-dist/build/pdf.worker' : 'path/to/your/install/pdf.worker'
        }
    },

map関数は本質的にグローバルな文字列置換であり、「*」は文字列置換を使用する依存関係です。主に、他のライブラリに異なるバージョンのライブラリを含めるために使用されます。 2つのバージョンのJQueryを並行して実行するようなものです。 -の使用には注意してください。文字列の置換のみを行うため、他の依存関係のパスが一致した場合、それらが置換される可能性があります。

この場合の「*」は、pdf.jsの主要な依存関係にすぎない可能性があります。

RequireJSでも正しい参照に少し苦労していたので、RequireJS構成の一部であるソリューションを残します。

paths: {
    'pdfjs-dist/build/pdf': 'myfolder/pdf.min',
    'pdfjs-dist/build/pdf.worker': 'myfolder/pdf.worker.min'
}

あなたがそのようにそれを行うと、あなたもの労働者へのパスを割り当てる必要はありませんPDFJS.workerSrcで提案されているように、例のワーカーが自動的に検出されますので、。

ありがとう@dmaxweiler！ 私は同じ問題に苦労しました-RequireJSを使用しているときにもpdf.jsを正しくロードするのに問題がありました。 あなたの解決策は私のために働いた！ 素晴らしい。 ご協力いただきありがとうございます。