Error: Evaluation failed: DOMException: Failed to read the 'rules' property from 'CSSStyleSheet': Cannot access rules at _ (__puppeteer_evaluation_script__:4:20)

[pat-s]

On some local html I get the following error with v2.8.5 while v2.8.0 works:

Error: Evaluation failed: DOMException: Failed to read the 'rules' property from 'CSSStyleSheet': Cannot access rules
    at _ (__puppeteer_evaluation_script__:4:20)

I cannot reproduce this locally with an example presentation. Using their online version works.

I used the docker approach.

[astefanutti]

Would you be able to share a reproducer? If not, could you provide the complete stack trace and the presentation framework you use?

It may be due to more restrictive security constraints introduced in newer version of Chrome.

[pat-s]

reprex.zip

If I call the docker approach on slides that are hosted online, both 2.8.0 AND 2.8.5 are working

docker run --rm -t -v `pwd`:/slides -v $HOME:$HOME astefanutti/decktape:2.8.5 https://pjs-web.de/files/basis_descriptive.html ~/Downloads/test.pdf

Loading page https://pjs-web.de/files/basis_descriptive.html ...
Failed to load resource: the server responded with a status of 404 ()
Failed to load resource: the server responded with a status of 404 ()
Loading page finished with status: 200
Remark JS plugin activated
Printing slide #2       (2/2) ...
Printed 2 slides

If I execute the same statement on a local file, I get:

docker run --rm -t -v `pwd`:/slides -v $HOME:$HOME astefanutti/decktape:2.8.5 ~/Downloads/basis_descriptive.html ~/Downloads/test.pdf

Loading page file:///home/pjs/Downloads/basis_descriptive.html ...

Unable to load resource from URL: file:///home/_setup/css/xaringan-theme.css
Failed to load resource: net::ERR_FILE_NOT_FOUND
Unable to load resource from URL: file:///home/_setup/css/tweaks.css
Failed to load resource: net::ERR_FILE_NOT_FOUND
Loading page finished with status: 0
Remark JS plugin activated

Error: Evaluation failed: DOMException: Failed to read the 'rules' property from 'CSSStyleSheet': Cannot access rules
    at _ (__puppeteer_evaluation_script__:4:20)

Ignore the warnings about the missing CSS files there. But its interesting that both versions react in a different way to the missing CSS files (not shown here).

[astefanutti]

Thanks for the reproducer. I confirm I can reproduce.

It seems Chromium 64+ forbids the browser from accessing CSS rules for cross-domain sheets, which is what the Remark plugin does to adjust PDF export and that triggers the error while loading the presentation from the locally.

I'm still trying to find the best strategy to deal with that new constraint...

[astefanutti]

It should be fixed with 272b702 that ships with 2.8.6 release.

[siddhantgoel]

I'm running into the same issue when trying to export a remarkjs presentation.

I've tried adding the --allow-file-access-from-files arg as mentioned in the errors section in the README but the error still persists.

I'm using decktape version 2.8.9, and Chromium 70.0.3538.67 (Arch Linux).

[astefanutti]

The --chrome-arg option, as documented in the README, has been introduced in Decktape version 2.9.0. That being said, the --allow-file-access-from-files option flag was set by default in version 2.8.9.

It's not clear why that would fail even with the --allow-file-access-from-files option flag. As any Chrome option can be passed with the --chrome-arg option in version 2.9.0, you could upgrade your version of Decktape and try with the --disable-web-security option flag.

[siddhantgoel]

My bad, I saw the 2.8.9 npm badge and thought the documentation is for that version.

How can I install 2.9.0? yarn add 2.9.0 does not show 2.9.0 in the list of available versions. Thanks for your help!

[astefanutti]

It's my bad actually, I completely forgot to publish the new version 🙃! It should be published now.

[siddhantgoel]

No worries, 2.9.0 seems to work! 🎉

[pat-s]

How can I install 2.9.0?

There is also an AUR package nodejs-decktape :)

[siddhantgoel]

There's always an AUR package. :)

[ahmadawais]

It's again not working in the v2.9.2 :(

[astefanutti]

@ahmadawais have you tried with the --chrome-arg=--allow-file-access-from-files option flag, or --chrome-arg=--disable-web-security?

[ahmadawais]

I ran with decktape remark https://wordsesh2019.ahmadawais.com/ slide.pdf --chrome-arg=--disable-web-security

And that worked. Mention this in the readme as well. --chrome-arg=--allow-file-access-from-files didn't work.