Welcomescreen does not show

I joined this forum just for this problem.
Some time ago I found this library in the Framework7 plugin page


I downloaded it and extracted f7.welcomescreen.js and f7.welcomescreen.css
I followed each step in the tutorial, but instead of using node js to package npm, I downloaded the latest release github repo as zip to use it local since it has zero dependency. But it didn’t work.
I import f7.welcomescreen.js and f7.welcomescreen.css like this in my index.html
<script type=“text/javascript” src=“lib/f7.welcomescreen.js”></script>
<link rel=“stylesheet” href=“lib/f7.welcomescreen.css”>

Even though this was not instructed in the tutorial.
In my main js file I tried all these
import welcomescreen from ‘lib/f7-welcomescreen.js’;
import welcomescreen from ‘lib/f7-welcomescreen’;
and similar typing but at the end it was no avail and didn’t work.

I am stuck.

The weird thing is, if I import the bundle.js in my index.html it works, bundle.js is used in the demo example, but I believe it is an old version as indicated in the comments.

I want to use this library in my phonegap project but I move forward because of this problem.

this is not a standalone lib
you must include “framework7.js”

I have imported both framework.min.js and framework.min.css

Nope, this plugin doesn’t have compiled browser version. It is designed to be used with bundler like Webpack, Browserify, Rollup, etc.

Have you tried with the version used in the live demo?

https://www.timo-ernst.net/misc/f7-plugin-welcomescreen/