npm integration not working

[uniboxx]

Hi, I installed the npm package and imported it following the instructions but i get Failed to resolve module specifier "vanjs-core". importing the cdn or the downloaded file it works as expected. Anyone had the same problem with npm?

[sirenkovladd]

Are you using any bundling tools?
could you send some example?

[uniboxx]

But i would to be able to run it without vite and with just the npm package, if possible

my script code:

//import van from 'https://cdn.jsdelivr.net/gh/vanjs-org/van/public/van-1.2.8.min.js';

import van from 'vanjs-core';

const { a, div, li, p, ul } = van.tags;

const Hello = () =>
div(
p('👋Hello'),
ul(li('🗺️World'), li(a({ href: 'https://vanjs.org/' }, '🍦VanJS')))
);

van.add(document.body, Hello());

same file with cdn works, with npm not

[sirenkovladd]

npm can't do that, it's just different runtimes

why it works with vite, because it combines the code that is executed into one js file if it is a build
or provides all imports (such as vanjs-core) with a js file when it is imported from a web page

in order to learn more about how it works
https://vitejs.dev/guide/features.html#npm-dependency-resolving-and-pre-bundling

[uniboxx]

thanks for the replyies. I just followed the get started tutorial and it seams that it is just needed to install with npm and import it as module.

[uniboxx]

Eventually i will try it with cdn or the downloaded minified file

[uniboxx]

i tryied with vite and it works now. Thanks for gave me your time.