I'm using the mobiscroll javascript component library with a new Laravel 8 app I'm building. I've used the trial scripts by simply copying the minified css / js to the public/css and public/js directories of my laravel app, and then pushing the script / css files into the layout's stack.
I'd like to be able to require these more "natively" by installing the module via npm and referencing the module. In a react app I'd have no problem with this-- but how is it done in laravel?
I've tried adding window.mobiscroll = require('@mobiscroll/javascript'); to the bootstrap.js file, since that seems to be how the axios and _ libraries are being made available, but I still am getting Uncaught ReferenceError: mobiscroll is not defined errors when I try to initialize a component.
I also tried adding it to the app.js file like this:
require('alpinejs');
require('@mobiscroll/javascript');
with the same error as before. I am running npm run watch so the mix process is happening and succeeding with each attempt, so I don't think it's simply a problem with caching or compilation.
I didn't see anything that seemed to address this on SO or the laravel docs.
EDIT: having the same issue with dayjs, added via npm i dayjs, added to bootstrap.js using window.dayjs = require('dayjs');, compiled via mix, cleared all caches, and still getting error dayjs is not defined.
from Adding NPM javascript library to Laravel 8
No comments:
Post a Comment