SyntaxError: Unexpected token 'export'

[m13]

[freedom:~/m13/repo/xxx] sergio$ npm run dev

> xxx@1.0.0 dev /Users/sergio/m13/repo/xxx
> sapper dev

✔ server (769ms)
✔ client (941ms)
/Users/sergio/m13/repo/xxx/node_modules/@beyonk/async-script-loader/index.js:1
export default function (url, test, callback, options = { async: true, defer: true }) {
^^^^^^

SyntaxError: Unexpected token 'export'
    at wrapSafe (internal/modules/cjs/loader.js:1072:16)
    at Module._compile (internal/modules/cjs/loader.js:1122:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
    at Module.load (internal/modules/cjs/loader.js:1002:32)
    at Function.Module._load (internal/modules/cjs/loader.js:901:14)
    at Module.require (internal/modules/cjs/loader.js:1044:19)
    at require (internal/modules/cjs/helpers.js:77:18)
    at Object.<anonymous> (/Users/sergio/m13/repo/xxx/__sapper__/dev/server/server.js:10:30)
    at Module._compile (internal/modules/cjs/loader.js:1158:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
> Server crashed
✔ service worker (22ms)

What have I done incorrectly?
I just copied https://github.com/beyonk-adventures/svelte-social-auth/blob/master/src/google-auth/GoogleAuth.svelte on my own folder and tried to execute once I installed this dependency

[antony]

That's very odd. What node version are you using? Is it rollup or Webpack?

[m13]

I think I found the issue. Sorry, I just started learning Svelte some days ago.

From a file called index.svelte I've something like

<script>
  import GoogleAuth from './_components/GoogleAuth.svelte ';
</script>

but it failed with the error. The difference is that you are including it using components.js.
My guess is that I would need another .js to act like bridge.

Note: rollup

[m13]

Let me close it as I don't think there is nothing wrong in the library. 🙇

[antony]

The library works, I use it extensively. But you shouldn't need a bridge. When you see an error like this, it's because your bundler doesn't support es6 and is expecting "require" not "import". However, sapper is set up by default to use es6. So it's very odd If you're not using the rollup branch of Sapper, I can strongly recommend doing so. It has first class es6 support.

On Sat, 11 Apr 2020 at 13:59, Sergio Arcos ***@***.***> wrote: Let me close it as I don't think there is nothing wrong in the library. 🙇 — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#2 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AABVORMWUOAXGG7XRUOSB2DRMBSTJANCNFSM4MF7MXNA> .

--

…

________________________________ ꜽ . antony jones . http://www.enzy.org

[m13]

Solution: https://github.com/sveltejs/sapper-template-rollup#using-external-components
Instead of install as dependency, it had to be a dev-dependency.

[antony]

Ah yes. Everything in Svelte should be a dev dependency. Svelte is bundled :)

On Sat, 11 Apr 2020 at 15:19, Sergio Arcos ***@***.***> wrote: Solution: https://github.com/sveltejs/sapper-template-rollup#using-external-components Instead of install as dependency, it had to be a dev-dependency. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#2 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AABVORIGYJN4ZMQEGQODAITRMB35XANCNFSM4MF7MXNA> .

--

…

________________________________ ꜽ . antony jones . http://www.enzy.org