Hi all, I'm writing a library using Rollup and I would like to use some Kefir methods

Two questions: What error(s) are you getting? Why is

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

How to import Kefir within Rollup library about kefir HOT 3 CLOSED

antonioaguilar commented on August 24, 2024

How to import Kefir within Rollup library

from kefir.

Comments (3)

mAAdhaTTah commented on August 24, 2024

Two questions:

What error(s) are you getting?
Why is kefir listed as a global?

from kefir.

antonioaguilar commented on August 24, 2024

@mAAdhaTTah I listed kefir as global because Rollup was complaining about unresolved dependencies and a missing global variable name, see output below:

> rollup -c
./src/main.js → dist/library.min.js...
(!) Unresolved dependencies
https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency
kefir (imported by src/main.js)
(!) Missing global variable name
Use output.globals to specify browser global variable names corresponding to external modules
kefir (guessing 'kefir')
created dist/library.min.js in 300ms

Adding or removing kefir from rollup.config.js globals didn't have any effect.

This is the code for my src/main.js file:

// main.js
import { later } from 'kefir';
export default {
  sayLater: (delay) => {
    const interval = delay || 1000;
    const stream = later(interval, 'hello world');
    stream.log();
  },
  VERSION: Date.now()
};

I'm trying to load the library as follows:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  <script src="dist/library.min.js"></script>
  <script>
    window.onload = function () {
      console.log(window.Library);
    };
  </script>
</body>
</html>

when trying to run this the later method is undefined:

{VERSION: 1582815560788, sayLater: ƒ}sayLater: ƒ sayLater(delay)VERSION: 1582815560788__proto__: Object
Library.sayLater()
main.js:6 Uncaught TypeError: Cannot read property 'later' of undefined
    at Object.sayLater (main.js:6)
    at <anonymous>:1:9

Any ideas on what I could be doing wrong?

from kefir.

mAAdhaTTah commented on August 24, 2024

You've configured Rollup to expect Kefir to be available as a global variable, so you need to make it available as such in order for this to work.

That said, this is a Rollup issues, and I'm not really a Rollup expert. I might suggest taking this question to StackOverflow or the Rollup issue tracker if you still have problems with this.

from kefir.

Recommend Projects