Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached #229

linguo2625469 · 2020-06-11T07:33:09Z

 - vue-pdf version 4.0.11
 - vue.js version 2.6.11

import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory.js'
this.vuePdfSrc = pdf.createLoadingTask({url:src,CMapReaderFactory})
after use CMapReaderFactory ,First rendering of PDF file ,Fonts can be realistic.
But when I switch the URL of the PDF file, I call again
this.vuePdfSrc = pdf.createLoadingTask({url:src,CMapReaderFactory})
Console prompt Warning: Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached.
and Some fonts cannot be displayed.
Is there something wrong with the way I use it?
I need to toggle the PDF file on the same page
Thank you in advance for your answer

The text was updated successfully, but these errors were encountered:

anlia260 · 2020-06-11T08:57:58Z

me too

linguo2625469 · 2020-06-11T09:00:51Z

me too

有什么解决办法吗。。不知道直接去用pdf.js行不行感觉好麻烦

weisenb · 2020-06-20T07:38:29Z

help

kmb1010 · 2020-06-30T02:56:32Z

same question，help

smile-garden · 2020-06-30T12:59:46Z

 - vue-pdf version 4.0.11
 - vue.js version 2.6.11
import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory.js'
this.vuePdfSrc = pdf.createLoadingTask({url:src,CMapReaderFactory})
after use CMapReaderFactory ,First rendering of PDF file ,Fonts can be realistic.
But when I switch the URL of the PDF file, I call again
this.vuePdfSrc = pdf.createLoadingTask({url:src,CMapReaderFactory})
Console prompt Warning: Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached.
and Some fonts cannot be displayed.
Is there something wrong with the way I use it?
I need to toggle the PDF file on the same page
Thank you in advance for your answer

same question，help

 - vue-pdf version 4.0.11
 - vue.js version 2.6.11
import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory.js'
this.vuePdfSrc = pdf.createLoadingTask({url:src,CMapReaderFactory})
after use CMapReaderFactory ,First rendering of PDF file ,Fonts can be realistic.
But when I switch the URL of the PDF file, I call again
this.vuePdfSrc = pdf.createLoadingTask({url:src,CMapReaderFactory})
Console prompt Warning: Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached.
and Some fonts cannot be displayed.
Is there something wrong with the way I use it?
I need to toggle the PDF file on the same page
Thank you in advance for your answer

我也遇到了有解决吗同学

xiuluo211314 · 2020-07-08T03:57:15Z

遇到同样的问题，请问有解决办法吗？

linguo2625469 · 2020-07-09T01:26:20Z

遇到同样的问题，请问有解决办法吗？

放弃了改后端生成了

mayparadise · 2020-07-28T01:41:48Z

打印输出

第一个加载数据加载为空，文本域无法显示

刷新，cmap加载出来了，文本域才显示出来

mayparadise · 2020-07-28T01:50:40Z

解决办法，拷贝cmap文件到本地，直接引用。
this.src = pdf.createLoadingTask({ // url: this.$route.params.srcId, url: 'http://localhost:8887/22.pdf', cMapUrl: '../../../../static/cmaps/', cMapPacked: true})

loyouyang · 2020-07-28T11:21:11Z

解决办法，拷贝cmap文件到本地，直接引用。
this.src = pdf.createLoadingTask({ // url: this.$route.params.srcId, url: 'http://localhost:8887/22.pdf', cMapUrl: '../../../../static/cmaps/', cMapPacked: true})

太棒了，这个办法，确实有用，非常感谢。

xvking · 2020-08-17T07:57:13Z

解决办法，拷贝cmap文件到本地，直接引用。
this.src = pdf.createLoadingTask({ url: 'http://localhost:8887/22.pdf', cMapUrl: '../../../../static/cmaps/', cMapPacked: true})

使用这种方式我的pdf文件中填充的内容完全无法显示，请问有没有什么解决办法

quyong · 2020-10-22T08:58:34Z

temporary fix :

 let src =  pdf.createLoadingTask({
    url: this.pdfUrl,
    cMapUrl: 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.5.207/cmaps/',
    cMapPacked: true
  })

gooczy · 2020-10-31T16:33:54Z

原因其实是CMapReaderFactory 对象动态import语言文件的时候缓存了文件，导致第二次取缓存加载时出了问题，把CMapReaderFactory.js的代码改成这样就行了：
`
var bcmapName = './buffer-loader!pdfjs-dist/cmaps/'+query.name+'.bcmap';
return import(bcmapName).then(function(bcmap) {
//移除缓存的文件
delete require.cache[require.resolve(bcmapName)];

	return {
		cMapData: bcmap.default,
		compressionType: CMapCompressionType.BINARY,
	};
});

`

weisenb · 2020-11-20T03:57:03Z

好的，谢谢

…

------------------ 原始邮件 ------------------ 发件人: "FranckFreiburger/vue-pdf" <notifications@github.com>; 发送时间: 2020年11月1日(星期天) 凌晨0:34 收件人: "FranckFreiburger/vue-pdf"<vue-pdf@noreply.github.com>; 抄送: "不可思议"<1127850186@qq.com>;"Comment"<comment@noreply.github.com>; 主题: Re: [FranckFreiburger/vue-pdf] Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached (#229) 原因其实是CMapReaderFactory 对象动态import语言文件的时候缓存了文件，导致第二次取缓存加载时出了问题，把CMapReaderFactory.js的代码改成这样就行了： ` var bcmapName = './buffer-loader!pdfjs-dist/cmaps/'+query.name+'.bcmap'; return import(bcmapName).then(function(bcmap) { //移除缓存的文件 delete require.cache[require.resolve(bcmapName)]; return { cMapData: bcmap.default, compressionType: CMapCompressionType.BINARY, }; }); ` — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

a654648262 · 2020-11-20T07:45:12Z

好的，谢谢
…
------------------ 原始邮件 ------------------ 发件人: "FranckFreiburger/vue-pdf" <notifications@github.com>; 发送时间: 2020年11月1日(星期天) 凌晨0:34 收件人: "FranckFreiburger/vue-pdf"<vue-pdf@noreply.github.com>; 抄送: "不可思议"<1127850186@qq.com>;"Comment"<comment@noreply.github.com>; 主题: Re: [FranckFreiburger/vue-pdf] Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached (#229) 原因其实是CMapReaderFactory 对象动态import语言文件的时候缓存了文件，导致第二次取缓存加载时出了问题，把CMapReaderFactory.js的代码改成这样就行了： var bcmapName = './buffer-loader!pdfjs-dist/cmaps/'+query.name+'.bcmap'; return import(bcmapName).then(function(bcmap) { //移除缓存的文件 delete require.cache[require.resolve(bcmapName)]; return { cMapData: bcmap.default, compressionType: CMapCompressionType.BINARY, }; }); — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

搞出来了没

weisenb · 2020-11-20T07:51:33Z

好的，谢谢
…
------------------ 原始邮件 ------------------ 发件人: "FranckFreiburger/vue-pdf" <notifications@github.com>; 发送时间: 2020年11月1日(星期天) 凌晨0:34 收件人: "FranckFreiburger/vue-pdf"<vue-pdf@noreply.github.com>; 抄送: "不可思议"<1127850186@qq.com>;"Comment"<comment@noreply.github.com>; 主题: Re: [FranckFreiburger/vue-pdf] Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached (#229) 原因其实是CMapReaderFactory 对象动态import语言文件的时候缓存了文件，导致第二次取缓存加载时出了问题，把CMapReaderFactory.js的代码改成这样就行了： var bcmapName = './buffer-loader!pdfjs-dist/cmaps/'+query.name+'.bcmap'; return import(bcmapName).then(function(bcmap) { //移除缓存的文件 delete require.cache[require.resolve(bcmapName)]; return { cMapData: bcmap.default, compressionType: CMapCompressionType.BINARY, }; }); — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

搞出来了没

上面这个方法还没试，可以试试我们现在的解决方法：
this.$refs.pdf.forEach(el => {
el.pdf.destroy()
})

a654648262 · 2020-11-20T07:55:46Z

好的，谢谢
…
------------------原始邮件------------------发件人：“ FranckFreiburger / vue-pdf“ < notifications@github.com >; 发送时间：2020年11月1日（星期天）凌晨0:34收件人：“ FranckFreiburger / vue-pdf” < vue-pdf@noreply.github.com >；抄送：“不可思议” < 1127850186@qq.com >;“评论” < comment@noreply.github.com >; 主题：回复：[FranckFreiburger / vue-pdf]字体加载期间发生错误：无法在“ Worker”上执行“ postMessage”：索引为0的ArrayBuffer已经分离（＃229）原因其实是CMapReaderFactory对象动态导入语言文件的时候缓存了文件，导致第二次取缓存加载时出了问题，把CMapReaderFactory.js的代码改成这样就行了：var bcmapName = './buffer-loader!pdfjs-dist/cmaps/'+query.name+'.bcmap'; return import(bcmapName).then(function(bcmap) { //移除缓存的文件 delete require.cache[require.resolve(bcmapName)]; return { cMapData: bcmap.default, compressionType: CMapCompressionType.BINARY, }; });-如果您收到这是因为你的评论。直接回复此电子邮件，在GitHub上查看，

搞出来了没

上面这个方法还没试，可以试试我们现在的解决方法：
this。$ refs.pdf.forEach（el => {
el.pdf.destroy（）
））

老哥，我纯属菜鸟阿，请问这个是在哪里加的呢，能不能吧完整的贴出来看一下逻辑。

gooczy · 2020-11-22T14:46:39Z

vue-pdf下有一个CMapReaderFactory.js的文件啊，你就加一行代码就完了嘛，delete require.cache那行

yasukusury · 2020-12-15T01:15:51Z

Could the code following resolve the issue?
const cMapUrl = '../../../node_modules/pdfjs-dist/cmaps/'; /* ... */ pdf.createLoadingTask({ url: pdfs.url[fileName], cMapUrl: cMapUrl, cMapPacked: true });

HuntTigerTonight · 2021-05-27T03:06:49Z

解决办法，拷贝cmap文件到本地，直接引用。
this.src = pdf.createLoadingTask({ // url: this.$route.params.srcId, url: 'http://localhost:8887/22.pdf', cMapUrl: '../../../../static/cmaps/', cMapPacked: true})

太棒了，这个办法，确实有用，非常感谢。

不行呀

HuntTigerTonight · 2021-05-27T03:09:00Z

原因其实是CMapReaderFactory 对象动态import语言文件的时候缓存了文件，导致第二次取缓存加载时出了问题，把CMapReaderFactory.js的代码改成这样就行了：
`
var bcmapName = './buffer-loader!pdfjs-dist/cmaps/'+query.name+'.bcmap';
return import(bcmapName).then(function(bcmap) {
//移除缓存的文件
delete require.cache[require.resolve(bcmapName)];
	return {
		cMapData: bcmap.default,
		compressionType: CMapCompressionType.BINARY,
	};
});
`

这样改也不行

Panamer · 2021-05-28T14:01:41Z

在前一个组件
beforeDestroy() {
window.location.reload()
},

kakazero7 · 2021-07-30T04:57:04Z

import { CMapCompressionType } from 'pdfjs-dist/es5/build/pdf.js'

// see https://github.com/mozilla/pdf.js/blob/628e70fbb5dea3b9066aa5c34cca70aaafef8db2/src/display/dom_utils.js#L64
``
export default function() {
    this.fetch = function(query) {
        return import('./buffer-loader!pdfjs-dist/cmaps/' + query.name + '.bcmap' /* webpackChunkName: "noprefetch-[request]" */)
		.then(function(bcmap) {
			delete require.cache[require.resolve('./buffer-loader!pdfjs-dist/cmaps/' + query.name + '.bcmap')]
			return {
				cMapData: bcmap.default,
				compressionType: CMapCompressionType.BINARY
			}
        })
    }
}

complete CMapReaderFactory.js file

gouteru · 2021-08-17T01:54:41Z

Hi, I am still facing this issue because I want to use vue-pdf with my cordova app on iOS and Android.
Adding "delete require.cache[require.resolve('./buffer-loader!pdfjs-dist/cmaps/' + query.name + '.bcmap')]" into CMapReaderFactory works fine for Chrome browser but it's not working for iOS/Android.

Without delete require.cache[require.resolve('./buffer-loader!pdfjs-dist/cmaps/' + query.name + '.bcmap')] and running on iOS/Android.

When running on iOS, the first time PDF view works and font is displayed properly. but closing pdf file with pdfSrc.destroy() then the second time PDF file displayed without font and warning message "Warning: Error during font loading: The object can not be cloned." is output. Andoid is the same result but the message is slightly different.

Adding delete require.cache[require.resolve('./buffer-loader!pdfjs-dist/cmaps/' + query.name + '.bcmap')] and running on iOS/Android.

"Warning: Error during font loading: Array.prototype.map callback must be a function" is output. and the PDF file displayed without font, it's failed to display font at first time. So it's worse.

Does anyone know how to solve this issue for iOS/Android?

gouteru · 2021-08-24T06:25:29Z

I have fixed
Non webpack

call-blueming · 2022-03-10T02:20:17Z

下面的代码可以解决问题吗？ const cMapUrl = '../../../node_modules/pdfjs-dist/cmaps/'; /* ... */ pdf.createLoadingTask({ url: pdfs.url[fileName], cMapUrl: cMapUrl, cMapPacked: true });

提示：Error during font loading: unexpected EOF in bcmap

call-blueming · 2022-03-10T02:21:51Z

解决办法，将cmap文件复制到本地，直接引用。 this.src = pdf.createLoadingTask({ // url: this.$route.params.srcId, url: 'http://localhost:8887/22.pdf', cMapUrl: '../../../../static/cmaps/', cMapPacked: true})

Is there any way not to modify dependent files?

2269673232 · 2022-07-14T12:39:55Z

请问各位朋友一下，这个直接将cmap文件复制到本地不生效是什么原因呢？

DXG9527 · 2022-11-14T05:44:24Z

请问各位朋友一下，这个直接将cmap文件复制到本地不生效是什么原因呢？

我也是复制到本地，然后通过相对路径引用没有效果，我能确定相对路径没有写错，请问你有找到是啥原因吗

parnzhou · 2023-03-08T03:13:18Z

@HuntTigerTonight 大神，用你删除缓存的方案解决生效了，nb

Alex-linkage mentioned this issue Feb 7, 2021

应该先移除在引用 #292

Open

gouteru mentioned this issue Aug 17, 2021

cmap issue for Android, iOS app #333

Closed

heifengli001 mentioned this issue Jun 20, 2022

中文乱码问题 #297

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached #229

Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached #229

linguo2625469 commented Jun 11, 2020

anlia260 commented Jun 11, 2020

linguo2625469 commented Jun 11, 2020

weisenb commented Jun 20, 2020

kmb1010 commented Jun 30, 2020

smile-garden commented Jun 30, 2020

xiuluo211314 commented Jul 8, 2020

linguo2625469 commented Jul 9, 2020

mayparadise commented Jul 28, 2020

mayparadise commented Jul 28, 2020

loyouyang commented Jul 28, 2020

xvking commented Aug 17, 2020

quyong commented Oct 22, 2020

gooczy commented Oct 31, 2020

weisenb commented Nov 20, 2020 via email

a654648262 commented Nov 20, 2020

weisenb commented Nov 20, 2020

a654648262 commented Nov 20, 2020

gooczy commented Nov 22, 2020

yasukusury commented Dec 15, 2020

HuntTigerTonight commented May 27, 2021

HuntTigerTonight commented May 27, 2021

Panamer commented May 28, 2021

kakazero7 commented Jul 30, 2021 •

edited

Loading

gouteru commented Aug 17, 2021

gouteru commented Aug 24, 2021

call-blueming commented Mar 10, 2022

call-blueming commented Mar 10, 2022

2269673232 commented Jul 14, 2022

DXG9527 commented Nov 14, 2022

parnzhou commented Mar 8, 2023

Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached #229

Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached #229

Comments

linguo2625469 commented Jun 11, 2020

anlia260 commented Jun 11, 2020

linguo2625469 commented Jun 11, 2020

weisenb commented Jun 20, 2020

kmb1010 commented Jun 30, 2020

smile-garden commented Jun 30, 2020

xiuluo211314 commented Jul 8, 2020

linguo2625469 commented Jul 9, 2020

mayparadise commented Jul 28, 2020

mayparadise commented Jul 28, 2020

loyouyang commented Jul 28, 2020

xvking commented Aug 17, 2020

quyong commented Oct 22, 2020

gooczy commented Oct 31, 2020

weisenb commented Nov 20, 2020 via email

a654648262 commented Nov 20, 2020

weisenb commented Nov 20, 2020

a654648262 commented Nov 20, 2020

gooczy commented Nov 22, 2020

yasukusury commented Dec 15, 2020

HuntTigerTonight commented May 27, 2021

HuntTigerTonight commented May 27, 2021

Panamer commented May 28, 2021

kakazero7 commented Jul 30, 2021 • edited Loading

gouteru commented Aug 17, 2021

gouteru commented Aug 24, 2021

call-blueming commented Mar 10, 2022

call-blueming commented Mar 10, 2022

2269673232 commented Jul 14, 2022

DXG9527 commented Nov 14, 2022

parnzhou commented Mar 8, 2023

kakazero7 commented Jul 30, 2021 •

edited

Loading