Top-level await is not available in the configured target environment ("es2020")
See original GitHub issueDescribe the bug
When trying to build for netlify, I get the following error:
8:43:48 PM: .svelte-kit/output/server/chunks/db.js:40:11: ERROR: Top-level await is not available in the configured target environment (βes2020β)
Iβve set my build target to βesnextβ in the vite.config.js, as instructed by sveltekit:
import { sveltekit } from '@sveltejs/kit/vite';
/** @type {import('vite').UserConfig} */
const config = {
build: {
target: 'esnext'
},
plugins: [sveltekit()]
};
export default config;
It would seem as though my target build env is being ignored.
Reproduction
Not sure how to do this, sorry - itβs a private repository. Itβs a basic svelte app, however. On Node 18.7.0
Logs
8:43:48 PM:
8:43:48 PM: > Using @sveltejs/adapter-netlify
8:43:48 PM: β [ERROR] Top-level await is not available in the configured target environment ("es2020")
8:43:48 PM: .svelte-kit/output/server/chunks/db.js:40:11:
8:43:48 PM: 40 β const db = await createRxDatabase({
8:43:48 PM: β΅ ~~~~~
8:43:48 PM: β [ERROR] Top-level await is not available in the configured target environment ("es2020")
8:43:48 PM: .svelte-kit/output/server/chunks/db.js:47:0:
8:43:48 PM: 47 β await db.addCollections({
8:43:48 PM: β΅ ~~~~~
8:43:48 PM: error during build:
8:43:48 PM: Error: Build failed with 2 errors:
8:43:48 PM: .svelte-kit/output/server/chunks/db.js:40:11: ERROR: Top-level await is not available in the configured target environment ("es2020")
8:43:48 PM: .svelte-kit/output/server/chunks/db.js:47:0: ERROR: Top-level await is not available in the configured target environment ("es2020")
8:43:48 PM: at failureErrorWithLog (/opt/build/repo/node_modules/@sveltejs/adapter-netlify/node_modules/esbuild/lib/main.js:1566:15)
8:43:48 PM: at /opt/build/repo/node_modules/@sveltejs/adapter-netlify/node_modules/esbuild/lib/main.js:1024:28
8:43:48 PM: at /opt/build/repo/node_modules/@sveltejs/adapter-netlify/node_modules/esbuild/lib/main.js:969:67
8:43:48 PM: at buildResponseToResult (/opt/build/repo/node_modules/@sveltejs/adapter-netlify/node_modules/esbuild/lib/main.js:1022:7)
8:43:48 PM: at /opt/build/repo/node_modules/@sveltejs/adapter-netlify/node_modules/esbuild/lib/main.js:1134:14
8:43:48 PM: at responseCallbacks.<computed> (/opt/build/repo/node_modules/@sveltejs/adapter-netlify/node_modules/esbuild/lib/main.js:671:9)
8:43:48 PM: at handleIncomingPacket (/opt/build/repo/node_modules/@sveltejs/adapter-netlify/node_modules/esbuild/lib/main.js:726:9)
8:43:48 PM: at Socket.readFromStdout (/opt/build/repo/node_modules/@sveltejs/adapter-netlify/node_modules/esbuild/lib/main.js:647:7)
8:43:48 PM: at Socket.emit (node:events:513:28)
8:43:48 PM: at addChunk (node:internal/streams/readable:324:12)
8:43:48 PM: β
8:43:48 PM: ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
8:43:48 PM: "build.command" failed
8:43:48 PM: ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
System Info
My OS has no impact here, how would I get this info from netlify?
Severity
blocking an upgrade
Additional Information
Unable to deploy the site currently.
Issue Analytics
- State:
- Created a year ago
- Comments:10 (4 by maintainers)
Top Results From Across the Web
"Top-level await is not available in the configured target ...
My output format is ES modules, in which I thought top level await is meant to be able to work? require('esbuild').build({ entryPoints: ['./src/new-js/Β ......
Read more >Get error to build my project in Vite - Top-level await is not ...
but when I run to build it I get an error. error message: Top-level await is not available in the configured target environment...
Read more >[ERROR] Top-level await is not available in the configured ...
I am getting an error that I'm using a feature not supported in Node v14. However, I'm not using Node v14, but v16....
Read more >Content Types - ESBuild
Some file extensions already have a loader configured for them by default, ... Note that while transforming code containing top-level await is supported,Β ......
Read more >Avoid these issues when using new ECMAScript modules in ...
Using the top level await (in typescript). An await is typically called in an async function. There is no way to have one...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Mate, you hit the nail on the head - the issue was the edge: true configuration. Thereβs no way I would have worked that out lol
Ty so much for your time and help today - you are a gentleman and a scholar.
Whatβs the config of your adapter, i.e. how does your
svelte.config.js
look like? If thereβsedge: true
in it, thatβs the reason: most edge environments (Netlify etc) do NOT support top level await yet.