Bug: Cannot use import statement outside a module about localbase

[the-alchemist-gh]

Hi, I was having the same problem, having found other packages with the same issue with Next, the recommended solution was to install the 'next-transpile-modules' package and change some edits to the next.config.

//Inside your next.config.js
const withTM = require('next-transpile-modules')(['localbase']) // pass the modules you would like to see transpiled
module.exports = withTM()

My current use of the Localbase is dead simple, so I didn't really test a lot of the functionality, but everything should work normally.
nice worked 👍...but add() overwrite after refresh ...any fix ?

Any Fix Yet?

[MdYeasinSamadArnob]

Hello!!.... Did you found any way to use it in next.js ?

[viveknigam3003]

Hello!!.... Did you found any way to use it in next.js ?

@MdYeasinSamadArnob no I didn't. I switched to local storage instead 😅

[mutqiamrillah]

same issue!

[bielmarfran]

Hi, I was having the same problem, having found other packages with the same issue with Next, the recommended solution was to install the 'next-transpile-modules' package and change some edits to the next.config.

//Inside your next.config.js
const withTM = require('next-transpile-modules')(['localbase']) // pass the modules you would like to see transpiled
module.exports = withTM()

My current use of the Localbase is dead simple, so I didn't really test a lot of the functionality, but everything should work normally.

[Javadyakuza]

try npm i localbase
or

<script src="https://unpkg.com/localbase/dist/localbase.dev.js"></script>

 <script src="./yourfile.js" type="mudule"></script>

use the first script tag instead of installing npm and stuff
and use the second script tag as your own js file to write your codes

[AntonLie]

same issue

[fullupe]

Hi, I was having the same problem, having found other packages with the same issue with Next, the recommended solution was to install the 'next-transpile-modules' package and change some edits to the next.config.

//Inside your next.config.js
const withTM = require('next-transpile-modules')(['localbase']) // pass the modules you would like to see transpiled
module.exports = withTM()

My current use of the Localbase is dead simple, so I didn't really test a lot of the functionality, but everything should work normally.
nice worked 👍...but add() overwrite after refresh ...any fix ?

[the-alchemist-gh]

Hello, Did you find any fix for this Issue?

[BasilArackal]

const withTM = require('next-transpile-modules')(['localbase']) // pass the modules you would like to see transpiled
module.exports = withTM()

With Next.js 13 or Above the syntax is as follows 👍

const nextConfig = {
...
transpilePackages: ["localbase"],
};

module.exports = nextConfig;

[samuk190]

try npm i localbase or

<script src="https://unpkg.com/localbase/dist/localbase.dev.js"></script>

 <script src="./yourfile.js" type="mudule"></script>

use the first script tag instead of installing npm and stuff and use the second script tag as your own js file to write your codes

This is the correct answer for next <13

next > 13

const nextConfig = {
...
transpilePackages: ["localbase"],
};

module.exports = nextConfig;

I will add to doc