flag-icon-css package installation and use in laravel

Did you try npm install && npm run dev

Yes, I did that couple of times. That the message:

Asset     Size   Chunks             Chunk Names
/css/app.css  0 bytes  /js/app  [emitted]  /js/app
  /js/app.js  592 KiB  /js/app  [emitted]  /js/app

My app.css is just empty, is that normal?

Use Laravel mix

https://laravel.com/docs/7.x/mix

to compile a package from node_modules to your app.css and app.js file

@nadeem2020 probably you installed it but you don't import it. Never used the package but try adding import 'flag-icon-css/css/flag-icon.css' in your app.js and then recompile your assets

Hi, I have imported it into the resources/js/app.js file, after that I processed again npm install & npm run dev. On the first look it seems that it worked, but then I am getting that error message:

Warning: require_once(C:\xampp\htdocs\dzematApp/public/index.php): failed to open stream: No such file or directory in C:\xampp\htdocs\dzematApp\server.php on line 21

Fatal error: require_once(): Failed opening required 'C:\xampp\htdocs\dzematApp/public/index.php' (include_path='C:\xampp\php\PEAR') in C:\xampp\htdocs\dzematApp\server.php on line 21

Line 21 in server.php is: require_once DIR.'/public/index.php'; I realized that my index.php is just gone because of the compilation... I don't know how to get it back...

I am using all the time laravel mix. The documentation is not really helpful for beginners. The methods are explained but not where and when to use it.

Download it from https://github.com/laravel/laravel

Got it, I copied it from an older project. But thank you :)

my resources/js/app.js looks like that now:

require('./bootstrap');
import 'flag-icon-css/css/flag-icon.css';

Processed again npm install & npm rund dev.

/css/app.css     0 bytes  /js/app  [emitted]  /js/app
/js/app.js     902 KiB  /js/app  [emitted]  /js/app

My app.js becomes bigger. What is a good sign.

After inserting the app.js in bottom of the body area

    <script src="{{ asset('js/app.js') }}"></script>

It works for me now.

Thank you all for your help :)