Describe the bug
The dev server fails to launch in a brand new Vite project (out of the box, no changes) when using the svelte-ts template.
I've also tried vanilla and vanilla-ts, and these work fine. But svelte-ts doesn't work.
Reproduction
Just run this:
> yarn create @vitejs/app demo --template svelte-ts && cd demo && yarn && yarn dev
For me, the yarn dev fails (see log output further down).
System Info
Output of npx envinfo --system --npmPackages vite,@vitejs/plugin-vue --binaries --browsers:
System:
OS: macOS 11.2.3
CPU: (4) x64 Intel(R) Core(TM) i7-7567U CPU @ 3.50GHz
Memory: 62.39 MB / 16.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 16.3.0 - ~/.nvm/versions/node/v16.3.0/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 7.15.1 - ~/.nvm/versions/node/v16.3.0/bin/npm
Browsers:
Brave Browser: 70.0.56.12
Chrome: 91.0.4472.106
Firefox: 85.0
Safari: 14.0.3
npmPackages:
vite: ^2.3.7 => 2.3.7
Used package manager: yarn
Logs
❯ yarn create @vitejs/app demo --template svelte-ts && cd demo && yarn && yarn dev
yarn create v1.22.10
warning package.json: No license field
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
[4/4] 🔨 Building fresh packages...
success Installed "@vitejs/[email protected]" with binaries:
- create-app
- cva
Scaffolding project in /Users/callum/code/demo...
Done. Now run:
cd demo
yarn
yarn dev
✨ Done in 7.37s.
yarn install v1.22.10
warning package.json: No license field
warning ../../package.json: No license field
info No lockfile found.
warning No license field
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
warning "@sveltejs/vite-plugin-svelte > @rollup/[email protected]" has unmet peer dependency "rollup@^1.20.0||^2.0.0".
[4/4] 🔨 Building fresh packages...
success Saved lockfile.
✨ Done in 45.34s.
yarn run v1.22.10
warning package.json: No license field
warning ../../package.json: No license field
$ vite
(node:67552) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use `node --trace-warnings ...` to show where the warning was created)
[vite-plugin-svelte] failed to import config /Users/callum/code/demo/svelte.config.js
/Users/callum/code/demo/svelte.config.js:1
import sveltePreprocess from 'svelte-preprocess'
^^^^^^
SyntaxError: Cannot use import statement outside a module
at Object.compileFunction (node:vm:353:18)
at wrapSafe (node:internal/modules/cjs/loader:1039:15)
at Module._compile (node:internal/modules/cjs/loader:1073:27)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1138:10)
at Module.load (node:internal/modules/cjs/loader:989:32)
at Function.Module._load (node:internal/modules/cjs/loader:829:14)
at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:201:29)
at ModuleJob.run (node:internal/modules/esm/module_job:175:25)
at async Loader.import (node:internal/modules/esm/loader:178:24)
at async importModuleDynamicallyWrapper (node:internal/vm/module:437:15)
[vite-plugin-svelte] failed to require config /Users/callum/code/demo/svelte.config.js
/Users/callum/code/demo/svelte.config.js:1
import sveltePreprocess from 'svelte-preprocess'
^^^^^^
SyntaxError: Cannot use import statement outside a module
at Object.compileFunction (node:vm:353:18)
at wrapSafe (node:internal/modules/cjs/loader:1039:15)
at Module._compile (node:internal/modules/cjs/loader:1073:27)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1138:10)
at Module.load (node:internal/modules/cjs/loader:989:32)
at Function.Module._load (node:internal/modules/cjs/loader:829:14)
at Module.require (node:internal/modules/cjs/loader:1013:19)
at require (node:internal/modules/cjs/helpers:93:18)
at loadSvelteConfig (/Users/callum/code/demo/node_modules/@sveltejs/vite-plugin-svelte/dist/index.cjs:416:14)
at async resolveOptions (/Users/callum/code/demo/node_modules/@sveltejs/vite-plugin-svelte/dist/index.cjs:619:24)
error when starting dev server:
/Users/callum/code/demo/svelte.config.js:1
import sveltePreprocess from 'svelte-preprocess'
^^^^^^
SyntaxError: Cannot use import statement outside a module
at Object.compileFunction (node:vm:353:18)
at wrapSafe (node:internal/modules/cjs/loader:1039:15)
at Module._compile (node:internal/modules/cjs/loader:1073:27)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1138:10)
at Module.load (node:internal/modules/cjs/loader:989:32)
at Function.Module._load (node:internal/modules/cjs/loader:829:14)
at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:201:29)
at ModuleJob.run (node:internal/modules/esm/module_job:175:25)
at async Loader.import (node:internal/modules/esm/loader:178:24)
at async importModuleDynamicallyWrapper (node:internal/vm/module:437:15)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Before submitting the issue, please make sure you do the following
Describe the bug
The dev server fails to launch in a brand new Vite project (out of the box, no changes) when using the
svelte-tstemplate.I've also tried
vanillaandvanilla-ts, and these work fine. Butsvelte-tsdoesn't work.Reproduction
Just run this:
For me, the
yarn devfails (see log output further down).System Info
Output of
npx envinfo --system --npmPackages vite,@vitejs/plugin-vue --binaries --browsers:Used package manager: yarn
Logs
Before submitting the issue, please make sure you do the following