<p>pdf.js는 requirejs와 함께 작동하지 않습니다</p>

'pdf'가 무엇입니까? 완전한 예를 제공할 수 있습니까?

물론, 더 완벽하게 시연하기 위해 Github 저장소를 설정하겠습니다.

저장소는 다음과 같습니다. https://github.com/MartinSnyder/pdfjs-with-requirejs

'pdf'는 해당 기능으로 돌아가려고 하는 필수 모듈 참조입니다. 이 시나리오에서 Requirejs는 pdf.js를 동적으로 로드하고 콜백 함수에 대한 '모듈 참조'를 반환하려고 시도하지만 모듈 참조가 설정되지 않았습니다. 브라우저의 네트워크 디버거를 통해 동적 로드가 발생하는 것을 볼 수 있습니다.

이것은 pdf.js 내부의 무언가가 모듈 로더가 있는 것을 감지하고 전역 PDFJS 객체를 설정하지 않는다는 점을 제외하고는 일반적으로 그렇게 큰 문제가 아닙니다. 둘 다 존재하지 않기 때문에 requirejs가 페이지에 있을 때 라이브러리를 사용할 수 없습니다.

이는 객체를 로드하는 데 require를 사용하지 않는 경우에도 발생합니다. 페이지에 pdf.js에 대한 주석 처리된 스크립트 참조를 넣었습니다. require 앞에 배치하면 전역이 올바르게 설정됩니다. 이것이 require 다음에 배치되면 전역이 설정되지 않습니다.

코드에는 두 가지 문제가 있습니다.

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로 전환하면 참조도 정의되지 않은 것으로 표시됩니다.

향후 버전에서 제거되는 Global 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 파일을 사용할 수 있습니다. 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 기반 뷰어를 구현하려고 합니다. 그러나 pdf.js 및 pdf_viewer.js 파일이 모두 필요한 경우 PDFJS.PDFViewer가 정의되지 않습니다.

샘플 리포지토리는 다음과 같습니다. https://github.com/Lazzi/pdfjs-bower-requirejs

@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를 올바르게 로드하는 데 문제가 있었습니다. 귀하의 솔루션이 저에게 효과적이었습니다! 엄청난. 당신의 도움을 주셔서 감사합니다.