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.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Real-time error tracking, performance insights, and observability for devs.
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
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
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.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Courses that'll move you from confusion to "Aha, now I get it!"