Soy nuevo en svelte y estoy tratando de usarlo en mi proyecto existente siguiendo este tutorial. Entonces, en main.js de svelte, genero css y js así:
export default { input: 'src/main.js', output: { sourcemap: true, format: 'iife', name: 'app', file: '/path/to/myapp/static/js/svelte-bundle.js' }, plugins: [ svelte({ compilerOptions: { // enable run-time checks when not in production dev: !production } }), // we'll extract any component CSS out into // a separate file - better for performance css({ output: '/path/to/myapp/static/css/svelte-bundle.css' }), Sin embargo, después npm run dev , aparece este error:
svelte-app@1.0.0 dev rollup -c -w rollup v2.56.3 bundles src/main.js → ../static/js/svelte-bundle.js... [!] (plugin css) Error: The "fileName" or "name" properties of emitted files must be strings that are neither absolute nor relative paths, received "/path/to/myapp/static/css/svelte-bundle.css". Error: The "fileName" or "name" properties of emitted files must be strings that are neither absolute nor relative paths, received "/path/to/myapp/static/css/svelte-bundle.css". at error (/path/to/myapp/svelte-components/node_modules/rollup/dist/shared/rollup.js:151:30) at FileEmitter.emitFile (/path/to/myapp/svelte-components/node_modules/rollup/dist/shared/rollup.js:13119:24) at Object.generateBundle (/path/to/myapp/svelte-components/node_modules/rollup-plugin-css-only/dist/index.cjs.js:84:12) at /path/to/myapp/svelte-components/node_modules/rollup/dist/shared/rollup.js:20218:25También agregué los scripts al html de myapp:
<link href="/static/css/svelte-bundle.css" /> <script defer src="/static/js/svelte-bundle.js"></script>También en el navegador obtengo:
http://127.0.0.1:8080/static/svelte-bundle.js net::ERR_ABORTED 404 (Not Found)Agradezco su ayuda para solucionar esto.