Category : npm

How do I overcome the npm run dev error (webpack compiled)?

     laravel, npm, php

Currently, I’m doing the project using Laravel framework and Vuexy template. I have done executing these steps as in order: "composer install" change the .ev.example to .ev file "php artisan key:generate" "npm install" However, when executing "npm run dev", I facing an error as below: ERROR in ./resources/assets/js/main.js 48:12-60 Module not found: Error: Can’t resolve ..

Read more

Laravel mix npm run dev on linux produce SyntaxError: missing ) after argument list

     laravel, laravel-mix, node.js, npm

I can’t use npm run dev|prod|watch on my staging linux server. It produces this : npm run production glob error [Error: EACCES: permission denied, scandir ‘/root/.npm/_logs’] { errno: -13, code: ‘EACCES’, syscall: ‘scandir’, path: ‘/root/.npm/_logs’ } > production > mix –production /var/www/html/preprodCerf2021/node_modules/laravel-mix/bin/cli.js:2 basedir=$(dirname "$(echo "$0" | sed -e ‘s,,/,g’)") ^^^^^^^ SyntaxError: missing ) after argument ..

Read more

I’m facing errors in my Laravel learning project where I’m facing npm run dev problem in Laravel Authentication how can i solve this problem?

     laravel, npm

hello i’m beginner at Laravel. i’m trying to learn Laravel Authentication but i’m facing errors. I’m facing errors in my Laravel learning project where I’m facing npm run dev problem in Laravel Authentication how can i solve this problem? here are the steps i’ve took I’ve installed node.js and set the Authentication by composer require ..

Read more

when i try to complile react component with laravel mix in my laravel project it raises error 2 elifecycle please help me to fix out

     laravel, laravel-mix, node.js, npm, webpack

"PS E:MY PROJECTSSamriddhi Institute> npm run dev @ dev E:MY PROJECTSSamriddhi Institute npm run development @ development E:MY PROJECTSSamriddhi Institute cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js –progress –hide-modules –config=node_modules/laravel-mix/ setup/webpack.config.js [webpack-cli] Error: Unknown option ‘–hide-modules’ [webpack-cli] Run ‘webpack –help’ to see available commands and options npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! @ development: cross-env ..

Read more

when I try to compile react component with Laravel mix in my Laravel project it raises error 2 lifecycle please help me to fix out

     laravel, laravel-mix, node.js, npm, webpack

"PS E:MY PROJECTSSamriddhi Institute> npm run dev @ dev E:MY PROJECTSSamriddhi Institute npm run development @ development E:MY PROJECTSSamriddhi Institute cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js –progress –hide-modules –config=node_modules/laravel-mix/ setup/webpack.config.js [webpack-cli] Error: Unknown option ‘–hide-modules’ [webpack-cli] Run ‘webpack –help’ to see available commands and options npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! @ development: cross-env ..

Read more

Every time I try to execute npm run dev I get Error: Cannot find module ‘p-limit’

     laravel, npm, vue.js, webpack

I’m running a Laravel 8 and Vue 3 project on laradock, compiling with Laravel Mix. All was working fine and I only updated the PrimeVue version. The problem is that after running npm install and npm run dev I get the following error: Error: Cannot find module ‘p-limit’ Require stack: – /var/www/node_modules/p-locate/index.js – /var/www/node_modules/locate-path/index.js – ..

Read more

how to include laravel-passwordless-login package?

     laravel, npm, password-less

i installed laravel-passwordless-login package and i tried to make the simple exemple to see how it work but i get this error: Argument 1 passed to GrosvLaravelPasswordlessLoginLoginUrl::__construct() must be an instance of IlluminateContractsAuthAuthenticatable, instance of AppModelsEmployee given, called in C:xampphtdocsarabic companyappHttpControllersauthLogin.php on line 16 this is my code: <?php namespace AppHttpControllersauth; use AppHttpControllersController; use AppModelsEmployee; ..

Read more

Google Captcha v3 works fine when putting script code in <script> tag but not works when putting in app.js of Laravel Mix

     javascript, laravel, npm, php

I am using Laravel 8.x, Google Captcha v3, Laravel Mix of Laravel/Ui – Auth Bootstrap In resources/views/layouts/app.blade.php <head> <script src="https://www.google.com/recaptcha/api.js"></script> </head> In resources/views/auth/login.blade.php <form method="POST" action="{{ route(‘login’) }}" id="recaptcha-form"> <button type="submit" class="btn btn-primary g-recaptcha" data-sitekey="{{ env(‘GOOGLE_RECAPTCHA_KEY’) }}" data-callback="onSubmit" data-action="submit"> {{ __(‘Login’) }} </button> </form> The problem is: It works fine when I put script code ..

Read more

How to use relative paths in Vue.js dev environment

     laravel, laravel-artisan, laravel-mix, npm, vue.js

I am having trouble with paths in the development and production environments in a laravel/vue.js project. In CSS files: Development environment npm run hot only accepts absolute paths in urls like /public/images/image.png while the production environment npm run prod + php artisan serve only accepts relative paths like ../images/image.png. When I try to use a ..

Read more

Variable becomes undefined after npm run production in Vue + Laravel project

     javascript, laravel, npm, vue.js

I have a variable var self = this that becomes var self = undefined after npm run production. For context, this is a Laravel project that I am adding Vue to create a Homepage.vue component. First I created the assets/js/homepage/homepage.js: // ***************************** // ***** Private Variables ***** // ***************************** /** * Save this instance * ..

Read more