Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Minimal example does not work #155

Open
AxelRHD opened this issue Nov 27, 2020 · 2 comments
Open

Minimal example does not work #155

AxelRHD opened this issue Nov 27, 2020 · 2 comments

Comments

@AxelRHD
Copy link

AxelRHD commented Nov 27, 2020

🐛 Bug Report

Trying to start dev server or bundle will run into following error:

‼  Parser "parcel-plugin-svelte\lib\svelte-asset.js" failed to initialize when processing asset "App.svelte". Threw the following error:
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './compiler.js' is not defined by "exports" in D:\Dokumente\Development\node-projects\parcel-svelte\node_modules\svelte\package.json
    at throwExportsNotFound (internal/modules/esm/resolve.js:290:9)
    at packageExportsResolve (internal/modules/esm/resolve.js:513:3)
    at resolveExports (internal/modules/cjs/loader.js:432:36)
    at Function.Module._findPath (internal/modules/cjs/loader.js:472:31)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:867:27)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (D:\Dokumente\Development\node-projects\parcel-svelte\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
    at Object.<anonymous> (D:\Dokumente\Development\node-projects\parcel-svelte\node_modules\parcel-plugin-svelte\lib\svelte-asset.js:2:33)
    at Module._compile (D:\Dokumente\Development\node-projects\parcel-svelte\node_modules\v8-compile-cache\v8-compile-cache.js:192:30) falling back to RawAsset
‼  Parser "parcel-plugin-svelte\lib\svelte-asset.js" failed to initialize when processing asset "App.svelte". Threw the following error:
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './compiler.js' is not defined by "exports" in D:\Dokumente\Development\node-projects\parcel-svelte\node_modules\svelte\package.json
    at throwExportsNotFound (internal/modules/esm/resolve.js:290:9)
    at packageExportsResolve (internal/modules/esm/resolve.js:513:3)
    at resolveExports (internal/modules/cjs/loader.js:432:36)
    at Function.Module._findPath (internal/modules/cjs/loader.js:472:31)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:867:27)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (D:\Dokumente\Development\node-projects\parcel-svelte\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
    at Object.<anonymous> (D:\Dokumente\Development\node-projects\parcel-svelte\node_modules\parcel-plugin-svelte\lib\svelte-asset.js:2:33)
    at Module._compile (D:\Dokumente\Development\node-projects\parcel-svelte\node_modules\v8-compile-cache\v8-compile-cache.js:192:30) falling back to RawAsset

🎛 Configuration (.svelterc, package.json, cli command)

package.json:

{
  "name": "parcel-svelte",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "parcel index.html",
    "build": "parcel build index.html"
  },
  "license": "MIT",
  "devDependencies": {
    "@babel/polyfill": "^7.12.1",
    "parcel-bundler": "^1.12.4",
    "parcel-plugin-svelte": "^4.0.6",
    "svelte": "^3.30.0"
  }
}

💻 Code Sample

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Parcel Plugin Svelte Example</title>
</head>
<body>
<div id="demo"></div>

<!-- This script tag points to the source of the JS file we want to load and bundle -->
<script src="main.js"></script>
</body>
</html>

main.js

import '@babel/polyfill';
import App from "./App.svelte";

const app = new App({
  target: document.getElementById('demo'),
  data: {
    name: 'world'
  }
});

App.svelte

<p>Hello, {name}!</p>

<script>
  export let name = 'Anonymous';
</script>

🌍 Your Environment

Svelte version: 3.3.0
Parcel version: 1.12.4

Node version: 14.15.1
npm version: 6.14.8
@Existenziell
Copy link

I run into exactly the same issue.
I also tried with Svelte v3.31.0

This bug was fixed in Rollup, now Parcel? :)

@abau
Copy link

abau commented Dec 15, 2020

Using

"parcel-plugin-svelte": "^4.0.8",

fixed it for me (cf. here).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@Existenziell @abau @AxelRHD