ghenry
Importing pdf.mjs into app.js
Hi all,
I’m trying to use pdf.js and importing it like so:
import PDFJS from "../vendor/pdf.mjs"
so I can use it in a Hook to render the 1st page of a PDF, but I’m getting:
✘ [ERROR] Top-level await is not available in the configured target environment ("es2018")
vendor/pdf.mjs:16837:53:
16837 │ ...ck_exports__ = globalThis.pdfjsLib = await __webpack_exports__;
╵ ~~~~~
I’ve tried incrementing the es version in config.exs to no avail.
Anyone else using .mjs files? They are from https://github.com/mozilla/pdf.js/releases/download/v4.0.189/pdfjs-4.0.189-dist.zip
Thanks.
First Post!
ghenry
Actually:
https://caniuse.com/?search=top%20level%20await
es2022 is OK and now giving me:
✘ [ERROR] Top-level await is currently not supported with the "iife" output format
vendor/pdf.mjs:16837:53:
16837 │ ...ck_exports__ = globalThis.pdfjsLib = await __webpack_exports__;
╵ ~~~~~
so I don’t think I’m doing this right.
Last Post!
ghenry
I kept with v3, but my github dependabot upgraded it to v4 and it still seemed to work. I’m watching that issue though.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Producing high quality Elixir screencasts since 2017.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Practical resources that improve the lives of professional developers.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"