Pdf.js: वेबपैक को वर्कर सेट करने के बजाय लोडिंग वर्कर को हैंडल करना चाहिए

को निर्मित 20 मई 2019 · 21टिप्पणियाँ · स्रोत: mozilla/pdf.js

वेबपैक उदाहरण का अनुसरण करते समय और pdfjs-dist को import * as pdfjsLib from 'pdfjs-dist'; $ के साथ आयात करते समय वेबपैक एक pdfjsWorker.js बनाएगा और इसे स्वचालित रूप से ब्राउज़र में लोड भी करेगा। फ़ाइल को अलग-अलग नाम दिया जा सकता है (हैशेड नाम, उपसर्ग, आदि)

अभी भी pdf.js को एक पूर्ण पथ सेट करने की आवश्यकता है: pdfjsLib.GlobalWorkerOptions.workerSrc = 'pdfjsWorker.js';

यह वेबपैक को कार्यकर्ता को लोड करने देगा, और फिर पीडीएफ.जेएस भी कार्यकर्ता को स्वयं लोड करेगा। वह मामला क्या है? इसके बजाय हम सिर्फ एक वर्कर बना सकते हैं और वेबपैक को लोडिंग करने दे सकते हैं?

इसके अलावा मुझे कार्यकर्ता को स्थापित करने में भारी परेशानी हो रही है: फ़ाइल नाम विकास में pdfjsWorker.js हो सकता है, लेकिन उत्पादन में इसमें हैश और अंतर लोडिंग उपसर्ग हैं। मैं बाहरी वर्कर.जेएस का उपयोग कर सकता था लेकिन फिर वर्कर (1.5 एमबी) को दो बार लोड किया जाएगा और इसे वेबपैक बंडलिंग में शामिल नहीं किया जाना चाहिए।

1-other

स्रोत

MickL

👍14

सबसे उपयोगी टिप्पणी

नहीं मुझे कोई नहीं मिला। मैंने एक दूसरे, प्रीकंपिल्ड, पीडीएफजेएसवर्कर का इस्तेमाल किया। जहां तक मैं देखता हूं कि 1.5 एमबी कार्यकर्ता दो बार लोड हो जाता है (वेबपैक के साथ बंडल और लोड किया जाता है और फिर से पीडीएफ.जेएस द्वारा लोड किया जाता है लेकिन विभिन्न स्रोतों से)।

अगर मुझे यह अधिकार मिलता है, तो वेबपैक का उपयोग करते समय, pdf.js को एक वर्करएसआरसी की आवश्यकता नहीं होनी चाहिए और निर्भरता को वेबपैक द्वारा संभालने देना चाहिए।

MickL 18 जून 2019

👍3

सभी 21 टिप्पणियाँ

@MickL मैं उसी का सामना कर रहा हूँ। क्या आपको कोई उपाय मिला?

Kailaash-Balachandran 18 जून 2019

MickL 18 जून 2019

👍3

एफडब्ल्यूआईडब्ल्यू आप import pdfjsLib from 'pdfjs-dist/webpack'; आयात करने का प्रयास कर सकते हैं जो स्वचालित रूप से यूआरएल असाइनमेंट को संभालता है। ऐसा लगता है कि यह एक चेतावनी के साथ आता है, यदि आप (एक नया संस्करण) create-react-app का उपयोग कर रहे हैं तो हॉट मॉड्यूल प्रतिस्थापन अभी संगत प्रतीत नहीं होता है। मुझे आज एक उदाहरण प्रोजेक्ट मिला है: https://github.com/yurydelendik/pdfjs-react

wpp 19 अग॰ 2019

बंद होने के बाद से हमने उन निर्भरताओं को pdfjs-dist से हटाने के लिए वेबपैक के साथ काम करने के तरीके को बदल दिया है।

timvandermeij 25 जन॰ 2020

👍1

@timvandermeij क्या आप यह स्पष्ट करना चाहेंगे कि अब आप वेबपैक के साथ कैसे काम कर रहे हैं? मैंने काफी इधर-उधर देखा लेकिन खुद समझ नहीं पाया।

मैं # 10997 में वर्णित त्रुटि में फंस गया, महसूस किया कि मेरे पूरी तरह से काम कर रहे ऐप ने आज काम करना बंद कर दिया क्योंकि यह अस्थिर स्रोतों पर आधारित था, लिंक से पीडीएफजे-डिस्ट के एनपीएम इंस्टॉल में ले जाया गया जैसा कि वहां सलाह दी गई थी और अनुकूलन के लिए यहां निर्देशों का पालन करने का प्रयास किया गया था। यह मेरे उपयोग के लिए अगर वेबपैक, कोई फायदा नहीं हुआ। प्रदान किया गया उदाहरण रिएक्ट पर आधारित है, जिससे मैं परिचित नहीं हूं और न ही इसका उपयोग कर रहा हूं।

मेरा सेटअप है:

ES6 मॉड्यूल वेबपैक/बेबेल के साथ बंडल किए गए, और Django बैक एंड के रूप में। Django एक मूल टेम्पलेट और पीडीएफ फाइल के संदर्भ प्रदान करने के अलावा पीडीएफजे के उपयोग में शामिल नहीं है; साथ ही, मैं Django के एचटीएमएल-वेबपैक-प्लगइन के बिना वेबपैक का उपयोग कर रहा हूं (भले ही स्थापित हो) क्योंकि मुझे लगता है कि जहां Django उनसे अपेक्षा करता है, वहां एक आसान जीवन संकलन संपत्तियां हैं;
package.json प्रासंगिक अनुभाग:

    "devDependencies": {
        "@babel/core": "^7.10.4",
        "@babel/preset-env": "^7.10.4",
        "babel-loader": "^8.1.0",
        "html-webpack-plugin": "^4.3.0",
        "webpack": "^4.43.0",
        "webpack-bundle-tracker": "^1.0.0-alpha.1",
        "webpack-cli": "^3.3.12",
        "webpack-dev-server": "^3.11.0",
        "worker-loader": "^3.0.2"
      },
      "dependencies": {
        "bootstrap-icons": "^1.0.0-alpha5",
        "npm": "^6.14.8",
        "pdfjs-dist": "^2.4.456"
      }

जहां तक मैं समझता हूं, मुझे केवल यह पता लगाने की जरूरत है कि पीडीएफजे को ठीक से कैसे आयात किया जाए और कार्यकर्ता को सेट किया जाए, यानी कोड की कुछ पंक्तियां (कोड में देखें):

import pdfjsLib from 'pdfjs-dist/webpack' //  <--- unsure about this  [line 1]
// import Worker from 'worker-loader!./Worker.js'; // this should not be necessary AFAIU

////////////////////////////////////////////
//// instantiate pdf
export const pdfView = () => {

  pdfjsLib.GlobalWorkerOptions.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';
  // ^^ [ line 2 ] this gets interpreted as a web address rather that an abs address in my src/ folder

  // defined through Django template tag in select.html
  const loadingTask = pdfjsLib.getDocument(pdfData.myPdfDoc)

  pdfData.myPdf = loadingTask.promise.then(pdf => {
    pdfData.pdfTotalPageN = pdf.numPages;
    return pdf;
  })
}

कृपया मुझे बताएं कि क्या आप चाहते हैं कि मैं एक नया बग खोलूं या यदि आप इस धागे में कोड, संदर्भ या लागू उदाहरणों की आवश्यक दो पंक्तियों को प्रदान कर सकते हैं।
अग्रिम में धन्यवाद

giampaolo44 22 अग॰ 2020

[...] क्या आप यह स्पष्ट करना चाहेंगे कि अब आप वेबपैक के साथ कैसे काम कर रहे हैं?

हमने इस उदाहरण में वेबपैक तर्क को अलग करने का प्रयास किया ताकि यह स्वयं निहित हो और PDF.js के किसी अन्य भाग को इसकी निर्भरता की आवश्यकता न हो, क्योंकि हम स्वयं पुस्तकालय पर ध्यान केंद्रित करने का प्रयास करते हैं, न कि विभिन्न JS ढांचे के साथ एकीकरण पर। हम उनसे परिचित नहीं हैं और सामान्य तौर पर उनके बारे में सवालों के जवाब नहीं दे सकते हैं; उदाहरण केवल एक प्रारंभिक बिंदु के रूप में दिए गए हैं।

https://github.com/yurydelendik/pdfjs-react/blob/4deabd1165395821acd4b6d3bc05dd6fef19b97f/src/App.js#L6 पर एक अतिरिक्त उदाहरण है जो इंगित करता है कि आप इसे सही तरीके से उपयोग कर रहे हैं। आपको वास्तव में workerSrc विकल्प भी सेट करना चाहिए।

[...] बिना परिणाम

यह स्पष्ट नहीं है कि _what_ वास्तव में काम नहीं कर रहा है क्योंकि कोई चल रहा उदाहरण प्रदान नहीं किया गया है। इससे यह जानना संभव नहीं है कि क्या हो रहा है।

timvandermeij 22 अग॰ 2020

❤1

आपके शीघ्र उत्तर के लिए बहुत-बहुत धन्यवाद @timvandermeij

https://github.com/yurydelendik/pdfjs-react/blob/4deabd1165395821acd4b6d3bc05dd6fef19b97f/src/App.js#L6 पर एक अतिरिक्त उदाहरण है जो इंगित करता है कि आप इसे सही तरीके से उपयोग कर रहे हैं। आपको वास्तव में workerSrc विकल्प भी सेट करना चाहिए।

इसके अलावा जुड़ा हुआ उदाहरण एक रिएक्ट सेटअप है और मुझे यकीन नहीं है कि यह परिणामों को प्रभावित करता है या नहीं।
मैंने जो देखा वह यह है कि workerSrc विकल्प की सेटिंग प्रतीत नहीं होती है। मैंने बाकी रेपो में भी इस शब्द की खोज की और कोड की कोई भी पंक्ति इसे तत्काल नहीं मिली। जो कुछ निर्देशों के साथ सुसंगत हो सकता है जो मुझे इस प्रक्रिया में पढ़ना याद आया (मैं उन्हें फिर से नहीं ढूंढ सका, अफसोस) जो उल्लेख कर रहे थे कि कार्यकर्ता को तत्काल या कॉन्फ़िगर करने की कोई आवश्यकता नहीं है _जब तक यह उसी बंडल में स्थापित है_ (पीडीएफजेएस- जिला)।

यह स्पष्ट नहीं है कि _what_ वास्तव में काम नहीं कर रहा है क्योंकि कोई चल रहा उदाहरण प्रदान नहीं किया गया है। इससे यह जानना संभव नहीं है कि क्या हो रहा है।

मुझे कुछ और जानकारी जोड़ने की कोशिश करें जो संकेत दे सकती हैं, हो सकता है कि व्याख्या आपके लिए स्पष्ट हो:

मैंने प्रदान किए गए उदाहरण में import कथन को बदल दिया है, जैसे:

import pdfjsLib from 'pdfjs-dist/webpack'

////////////////////////////////////////////
//// instantiate pdf
export const pdfView = () => {
  logDebug(module.id.split('/').slice(-1)[0], ['pdfView initialized']);
  // pdfjsLib.GlobalWorkerOptions.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';

  // defined through Django template tag in select.html
  const loadingTask = pdfjsLib.getDocument(pdfData.myPdfDoc)

  pdfData.myPdf = loadingTask.promise.then(pdf => {
    pdfData.pdfTotalPageN = pdf.numPages;
    return pdf;
  })
}

संसाधनों को संकलित करने के प्रयास में वेबपैक से यह प्रतिक्रिया है:

WARNING in ./node_modules/worker-loader/dist/index.js
Module not found: Error: Can't resolve 'webpack/lib/web/FetchCompileAsyncWasmPlugin' in '/home/giampaolo/dev/KJ_import/KJ-JS/node_modules/worker-loader/dist'
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./src/js/views/pdfViews.js
 @ ./src/js/index.js

WARNING in ./node_modules/worker-loader/dist/index.js
Module not found: Error: Can't resolve 'webpack/lib/web/FetchCompileWasmPlugin' in '/home/giampaolo/dev/KJ_import/KJ-JS/node_modules/worker-loader/dist'
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./src/js/views/pdfViews.js
 @ ./src/js/index.js

ERROR in (webpack)/lib/node/NodeTargetPlugin.js
Module not found: Error: Can't resolve 'module' in '/home/giampaolo/dev/KJ_import/KJ-JS/node_modules/webpack/lib/node'
 @ (webpack)/lib/node/NodeTargetPlugin.js 11:1-18
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./src/js/views/pdfViews.js
 @ ./src/js/index.js
Child HtmlWebpackCompiler:
     1 asset
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/html-webpack-plugin/lib/loader.js!./src/src-select.html] 4.57 KiB {HtmlWebpackPlugin_0} [built]

मैंने अपनी नोड_मॉड्यूल निर्देशिकाओं को देखा, और:

चेतावनियां 1. और 2. -- 'FetchCompileAsyncWasmPlugin.js' मेरे नोड_मॉड्यूल्स/वेबपैक/lib/web/ निर्देशिका में नहीं है, हालांकि एक 'FetchCompileWasmTemplatePlugin.js' है।
त्रुटि 3. - नोड_मॉड्यूल्स/वेबपैक/लिब/वेब/में 'मॉड्यूल' नाम का कोई मॉड्यूल नहीं है।

एक बात मैंने खुद से पूछी: क्या कुछ पोस्ट npm install क्रियाएं करने की आवश्यकता है (मुझे याद है कि gust कमांड या इसी तरह के आसपास देखकर, लेकिन उस निर्देश को वापस नहीं मिला) जो उत्पन्न हो सकता है लापता संसाधन?

एक बार फिर धन्यवाद

giampaolo44 23 अग॰ 2020

मैंने जो देखा वह यह है कि कार्यकर्ता एसआरसी विकल्प की सेटिंग प्रतीत नहीं होती है। मैंने बाकी रेपो में भी इस शब्द की खोज की और कोड की कोई भी पंक्ति इसे तत्काल नहीं मिली।

सभी उदाहरण उन्हें सेट करते हैं, https://github.com/mozilla/pdf.js/search?q=workerSrc&unscoped_q=workerSrc देखें , यहां तक कि https://github.com/mozilla/pdf.js/blob/ पर वेबपैक उदाहरण भी देखें।

इसके अलावा, अगर मैं त्रुटि लॉग को देखता हूं, तो सभी त्रुटियां कहीं न कहीं _inside_ Webpack और worker-loader से उत्पन्न होती हैं, और PDF.js से पूरी तरह से असंबंधित लगती हैं। FetchCompileAsyncWasmPlugin ऐसा कुछ नहीं है जो PDF.js कोडबेस में है। मुझे लगता है कि त्रुटियों का मूल कारण PDF.js नहीं है, बल्कि आपके प्रोजेक्ट में कुछ और है, लेकिन दुर्भाग्य से हमारे लिए यह बताना असंभव है।

timvandermeij 23 अग॰ 2020

👍1

इसके अलावा, अगर मैं त्रुटि लॉग को देखता हूं, तो सभी त्रुटियां कहीं न कहीं _inside_ Webpack और worker-loader से उत्पन्न होती हैं, और PDF.js से पूरी तरह से असंबंधित लगती हैं। FetchCompileAsyncWasmPlugin ऐसा कुछ नहीं है जो PDF.js कोडबेस में है। मुझे लगता है कि त्रुटियों का मूल कारण PDF.js नहीं है, बल्कि आपके प्रोजेक्ट में कुछ और है, लेकिन दुर्भाग्य से हमारे लिए यह बताना असंभव है।

मुझे संदेह है कि तुम सही हो।

मैं आपको एक बार और परेशान करने की कोशिश करता हूं, और अगर यह काम नहीं करता है तो मैं वादा करता हूं कि मैं रुक जाऊंगा।

आपके द्वारा लिंक किए गए वेबपैक उदाहरण को देखते हुए, मैंने पाया कि वे इस तरह कार्यकर्ता को तुरंत चालू करते हैं:

var pdfPath = "../learning/helloworld.pdf";

// Setting worker path to worker bundle.
pdfjsLib.GlobalWorkerOptions.workerSrc =
  "../../build/webpack/pdf.worker.bundle.js";

मेरे पास बिल्ड/वेबपैक डीआईआर नहीं है क्योंकि मैं सीधे अपने Django निर्देशिकाओं में वेबपैक संकलित करता हूं (कुछ ऐसा जो KJ_import/static/docs/bundles/ जैसा दिखता है)।
वहां मैं इसे आउटपुट के रूप में देखता हूं:

index.js
index.worker.js

और संकलित index.js संसाधन के अंदर देखकर मुझे एक मिलता है

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function() {\n  return new Worker(__webpack_require__.p + \"index.worker.js\");\n});\n\n\n//# sourceURL=webpack:///./node_modules/pdfjs-dist/build/pdf.worker.js?./node_modules/worker-loader/dist/cjs.js");

अनुभाग जो index.worker.js मॉड्यूल को कॉल करता है।

क्या आप मेरे मामले में इसे प्रयोग करने योग्य बनाने के लिए ../../build/webpack/pdf.worker.bundle.js पथ में संशोधन कर सकते हैं? उदाहरण मानते हुए सीधे संसाधन को संदर्भित कर रहा था _इसे बनाया गया था_ मैंने कोशिश की pdfjsLib.GlobalWorkerOptions.workerSrc = 'index.worker.js' , लेकिन परिणाम ज्यादा नहीं बदलता है:

WARNING in ./node_modules/worker-loader/dist/index.js
Module not found: Error: Can't resolve 'webpack/lib/web/FetchCompileAsyncWasmPlugin' in '/home/giampaolo/dev/KJ_import/KJ-JS/node_modules/worker-loader/dist'
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./src/js/views/pdfViews.js
 @ ./src/js/index.js

WARNING in ./node_modules/worker-loader/dist/index.js
Module not found: Error: Can't resolve 'webpack/lib/web/FetchCompileWasmPlugin' in '/home/giampaolo/dev/KJ_import/KJ-JS/node_modules/worker-loader/dist'
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./src/js/views/pdfViews.js
 @ ./src/js/index.js

ERROR in (webpack)/lib/node/NodeTargetPlugin.js
Module not found: Error: Can't resolve 'module' in '/home/giampaolo/dev/KJ_import/KJ-JS/node_modules/webpack/lib/node'
 @ (webpack)/lib/node/NodeTargetPlugin.js 11:1-18
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./src/js/views/pdfViews.js
 @ ./src/js/index.js
Child worker-loader node_modules/pdfjs-dist/build/pdf.worker.js:
     1 asset
    Entrypoint pdf.worker = index.worker.js
       2 modules
ℹ ｢wdm｣: Failed to compile.

वैसे भी: रविवार को भी, आपके उत्तरों और उनकी गति के लिए फिर से एक लाख धन्यवाद।

giampaolo44 23 अग॰ 2020

क्या आप मेरे मामले में इसे प्रयोग करने योग्य बनाने के लिए ../../build/webpack/pdf.worker.bundle.js पथ में संशोधन कर सकते हैं?

वह पथ वास्तव में केवल उदाहरण के लिए ही मान्य है जब https://github.com/mozilla/pdf.js/blob/master/examples/webpack/README.md पर README के चरणों का पालन किया जाता है। gulp dist-install लाइन वह काम करती है।

यदि आप pdfjs-dist का उपयोग करते हैं तो आपको इसकी आवश्यकता नहीं है क्योंकि आवश्यक वेबपैक बिट्स इसके साथ वितरित किए जाते हैं जैसा कि https://github.com/mozilla/pdf.js/blob/master/examples/webpack/ में उल्लिखित है। workerSrc को बिल्कुल भी सेट नहीं करना चाहिए क्योंकि शून्य-कॉन्फ़िगरेशन वेबपैक फ़ाइल आपके लिए पहले से ही ऐसा करती है; देखें https://github.com/mozilla/pdfjs-dist/blob/master/webpack.js#L27 -L31 (यह pdfjs-dist में वितरित किया गया है)।

timvandermeij 23 अग॰ 2020

❤1

शानदार, धन्यवाद। आपको वही संसाधन मिले जो मैं अपनी खोजों में पढ़ रहा था।
मुझे अभी भी यह पता लगाना है कि क्या काम नहीं कर रहा है, लेकिन आपने मुझे कुछ बिट्स को खारिज करने में मदद की।
संवेदनापूर्ण संबंध,
जैमपाओलो

giampaolo44 23 अग॰ 2020

👍1

शानदार, धन्यवाद। आपको वही संसाधन मिले जो मैं अपनी खोजों में पढ़ रहा था।
मुझे अभी भी यह पता लगाना है कि क्या काम नहीं कर रहा है, लेकिन आपने मुझे कुछ बिट्स को खारिज करने में मदद की।
संवेदनापूर्ण संबंध,
जैमपाओलो

अरे जियाम्पाओलो,

मैं भी इसी मुद्दे में भाग रहा हूँ। मैं इस मुद्दे को पूरी तरह से हल करने में सक्षम नहीं हूं, लेकिन मैं यह देखने में सक्षम था कि कार्यकर्ता-लोडर यहां FetchCompileWasmPlugin की आवश्यकता करने का प्रयास कर रहा है:

https://github.com/webpack-contrib/worker-loader/blob/master/src/index.js#L26

ऐसा लगता है कि वेबपैक 4 और 5 के बीच कुछ विसंगतियां हो सकती हैं?

edcheung1 25 अग॰ 2020

👀1 👍1

अरे जियाम्पाओलो,
मैं भी इसी मुद्दे में भाग रहा हूँ। मैं इस मुद्दे को पूरी तरह से हल करने में सक्षम नहीं हूं, लेकिन मैं यह देखने में सक्षम था कि कार्यकर्ता-लोडर यहां FetchCompileWasmPlugin की आवश्यकता करने का प्रयास कर रहा है:
https://github.com/webpack-contrib/worker-loader/blob/master/src/index.js#L26
ऐसा लगता है कि वेबपैक 4 और 5 के बीच कुछ विसंगतियां हो सकती हैं?

ओह बढ़िया पिक @ edcheung1 । क्या आपको लगता है कि हमें इस मुद्दे को वेबपैक टीम के साथ उठाना चाहिए और शायद कोई मुद्दा खोलना चाहिए?
उनकी वेबसाइट को देखते हुए मैंने पहले SO पर पूछना समझा, जो मैंने अब तक बिना किसी प्रतिक्रिया के किया है , इसलिए यह एक अच्छा विचार हो सकता है।

giampaolo44 26 अग॰ 2020

मैं यहाँ एक ही समस्या में भाग रहा हूँ। माना जाता है कि यह बहुत पुरानी निर्भरताओं के साथ एक सुपर पुरानी परियोजना है, इसलिए शायद मुझे कुछ याद आ रहा है, लेकिन मुझे पीडीएफजे-डिस्ट का एक नया संस्करण काम करने के लिए नहीं मिल सकता है जहां पहले मैंने इसे 'पीडीएफजे' आयात करके काम किया था -डिस्ट/वेबपैक'। अब pdfjs-dist, वर्कर-लोडर और वेबपैक को अपडेट करने के बाद, मुझे निम्न आउटपुट मिल रहा है:

WARNING in ./node_modules/worker-loader/dist/index.js
Module not found: Error: Can't resolve 'webpack/lib/web/FetchCompileAsyncWasmPlugin' in '/home/rett/projects/LSCPortalFE/node_modules/worker-loader/dist'
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./app/scripts/modules/PDFJSTools.ts
 @ ./app/scripts/UploadModalCtrl.ts
 @ ./app/scripts/angular-scripts.js
 @ multi (webpack)-dev-server/client?http://localhost:9000 @babel/polyfill ./app/scripts/deps.js ./app/scripts/angular-scripts.js ./app/scripts/stylesheet-bundle.js

WARNING in ./node_modules/worker-loader/dist/index.js
Module not found: Error: Can't resolve 'webpack/lib/web/FetchCompileWasmPlugin' in '/home/rett/projects/LSCPortalFE/node_modules/worker-loader/dist'
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./app/scripts/modules/PDFJSTools.ts
 @ ./app/scripts/UploadModalCtrl.ts
 @ ./app/scripts/angular-scripts.js
 @ multi (webpack)-dev-server/client?http://localhost:9000 @babel/polyfill ./app/scripts/deps.js ./app/scripts/angular-scripts.js ./app/scripts/stylesheet-bundle.js

ERROR in (webpack)/lib/node/NodeTargetPlugin.js
Module not found: Error: Can't resolve 'module' in '/home/rett/projects/LSCPortalFE/node_modules/webpack/lib/node'
 @ (webpack)/lib/node/NodeTargetPlugin.js 11:1-18
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./app/scripts/modules/PDFJSTools.ts
 @ ./app/scripts/UploadModalCtrl.ts
 @ ./app/scripts/angular-scripts.js
 @ multi (webpack)-dev-server/client?http://localhost:9000 @babel/polyfill ./app/scripts/deps.js ./app/scripts/angular-scripts.js ./app/scripts/stylesheet-bundle.js

rettgerst 28 अग॰ 2020

+1 FWIW को ठीक उसी त्रुटि का सामना करना पड़ रहा है जो ऊपर उल्लिखित है, create-react-app के एक साफ सेटअप के साथ और https://github.com/yurydelendik/pdfjs-react से ऐप घटक का उपयोग करके।

achembarpu 6 सित॰ 2020

हम pdfjs लाइब्रेरी को अपग्रेड करने के बाद भी ठीक उसी समस्या का सामना कर रहे हैं,
@timvandermeij क्या इस मुद्दे को फिर से खोला जा सकता है?

mforman1 8 सित॰ 2020

vue-cli4，वही त्रुटि

Mageenz 28 सित॰ 2020

मैं प्रतिक्रियाओं के साथ समस्या को हल करने में सक्षम था
https://stackoverflow.com/questions/6355308/looking-for-help-to-make-npm-pdfjs-dist-work-with-webpack-and-django

फिर भी, जैसा कि मैं अभी भी vue 3 के साथ pdfjs का उपयोग करके अन्य मुद्दों का सामना कर रहा था ... इसे काम करने के लिए मैंने pdfjs-dist पैकेज के संस्करण 2.0.943 का उपयोग करके समाप्त किया। सबसे अच्छा समाधान नहीं है, लेकिन एक हफ्ते के परीक्षण और त्रुटि के बाद मुझे इसे काम करने का एकमात्र तरीका मिला ...

Taschetta 28 सित॰ 2020

👍1

+1 FWIW को ठीक उसी त्रुटि का सामना करना पड़ रहा है जो ऊपर उल्लिखित है, create-react-app के एक साफ सेटअप के साथ और https://github.com/yurydelendik/pdfjs-react से ऐप घटक का उपयोग करके।

वर्तमान में ठीक उसी मुद्दे का सामना करना पड़ रहा है। क्या आपको कोई फिक्स मिला?

jixbo 5 अक्तू॰ 2020

यहाँ एक ही समस्या है, मैंने विरल डॉक्स / उदाहरणों में वर्णित सभी चरणों का पालन किया और पुराने संस्करण के लिए अनगिनत ऑनलाइन ब्लॉग पोस्ट और अभी भी एक परियोजना के लिए पीडीएफजे को एकीकृत करने का कोई स्पष्ट तरीका नहीं है।

यह पोस्ट उन सभी हुप्स को दिखाती है जो इसे काम करने के लिए गए थे: https://stackoverflow.com/questions/6355308/looking-for-help-to-make-npm-pdfjs-dist-work-with-webpack-and- डीजेंगो

वास्तव में अच्छा होगा यदि देव अनुभव अच्छा था, इस बीच 2.0.943 पर डाउनग्रेड करने का प्रयास किया जाएगा जैसा कि उपरोक्त पोस्ट से पता चलता है ...

aert 10 अक्तू॰ 2020

यहाँ एसओ से कॉपी किया गया फिक्स है, जिसे सिद्धेश ने 20 अक्टूबर को पोस्ट किया है:

यह समस्या वर्कर-लोडर@3.0.0 में पेश किए गए esModule विकल्प के कारण उत्पन्न हुई प्रतीत होती है ।
इसके लिए सुधार (पूर्व-रिलीज़) [email protected] . में विलय कर दिया गया था
आप इसे या तो pdfjs-dist को v2.6.347 में अपग्रेड करके या वर्कर-लोडर को v2.0.0 में अपग्रेड करके ठीक कर सकते हैं।

वर्कर-लोडर को डाउनग्रेड करना सबसे आसान है, क्योंकि pdfjs-dist युक्त फिक्स अभी तक npm को जारी नहीं किया गया है।

फिर आप pdfjs-dist को इसके साथ आयात कर सकते हैं:

let pdfjs = require("pdfjs-dist/webpack");
let loadingTask = pdfjs.getDocument(url);

यह मेरे लिए Vue.js घटक के भीतर काम करता है, Vue-cli द्वारा बनाई गई परियोजना में। मैं पीडीएफजेएस-जिला 2.5.207 और वर्कर-लोडर 2.0.0 का उपयोग कर रहा हूं।

drdrwhite 26 अक्तू॰ 2020

❤1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Pdf.js: वेबपैक को वर्कर सेट करने के बजाय लोडिंग वर्कर को हैंडल करना चाहिए

सबसे उपयोगी टिप्पणी

सभी 21 टिप्पणियाँ

संबंधित मुद्दों