Category : webpack

I have 2 scss files app.scss and public.scss, one is for admin area and one for public area. I want to generate two files from them and right now I have: mix.js("resources/js/app.js", "public/js/app.js") .js("resources/js/public.js", "public/js/public.js") .sass("resources/sass/app.scss", "public/css/app.css") .sass("resources/sass/public.scss", "public/css/public.css") .options({ processCssUrls: false }); In public folder I have 2 files, so is ok, but for ..

Read more

In my Laravel app,when I try to compile my 2 css files into app.css with command npm run watch, it throw me this error (node:4160) UnhandledPromiseRejectionWarning: Error: ENOENT: no such file or directory, open ‘C:laragonwwwfullstackpubliccssgrid.min.css’ (node:4160) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, ..

Read more

In my Laravel/Vue.js application I want to dynamically generate a sitemap using the Router routes and webpack sitemap plugin. The main problem is that I can’t seem to import or require the routes.js in the webpack.mix.js. Router file: export default [ { path: ‘/’, name: ‘Home’, component: () => import(/* webpackChunkName: "home" */ ‘../views/Home’), meta: ..

Read more

I have some CSS files that I want to process with PostCSS, but my current config is throwing an error: Module not found: Error: Can’t resolve ‘D:OpenServerdomainstest.locpubliccssstyles.css’ in ‘D:OpenServerdomainstest.loc’ I believe PostCSS starts looking for the input file before it is generated. How do I make laravel mix wait for styles.css to be generated? Here ..

Read more

Problem Description Using "npm run dev" results in the error Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. configuration.module.rules[10] has an unknown property ‘loaders’ Thanks in advance! Some information about the problem Jetstream Version: 1.6 Jetstream Stack: Livewire Laravel Version: 8.14 PHP Version: 7.3.0 Database ..

Read more

[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. configuration.module.rules[26] should be one of these: ["…" | object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve?, resource?, resourceFragment?, resourceQuery?, rules?, sideEffects?, test?, type?, use? }, …] -> ..

Read more

I’ve been trying to deploy a fresh Laravel with Vue in Heroku and this is the error that I got. Skipping ‘fsevents’ build as platform linux is not supported npm ERR! Cannot read property ‘length’ of undefined … We’re sorry this build is failing! You can troubleshoot common issues here: https://devcenter.heroku.com/articles/troubleshooting-node-deploys Some possible problems: – ..

Read more

I am working on a project using laravel 7 and Vue Js but suddenly my program stop compiling whenever i type npm run watch or npm run dev i get the following error Error code > [email protected] development C:xampp4htdocsschool > cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js –progress –hide-modules –config=node_modules/laravel-mix/setup/webpack.config.js C:xampp4htdocsschoolnode_moduleswebpack-clibincli.js:281 throw err; ^ ValidationError: Invalid configuration object. Webpack ..

Read more

I recently updated my Laradock to webpack 5.4.0 now ny npm run dev do not compile. it was all wroking well before i updated the npm. Can someone please help: npm run dev > dev > npm run development > development > cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js –progress –config=node_modules/laravel-mix/setup/webpack.config.js [webpack-cli] Invalid configuration object. Webpack has been initialized ..

Read more

I have a project with laravel7 using blade templates, and at the moment I am using webpack and I get a compilation error that I show at the end of the post. File webpack.mix.js const mix = require(‘laravel-mix’); mix.js([ ‘resources/assets/js/app.js’, ‘resources/assets/vendor/popper/popper.min.js’, ‘resources/assets/vendor/bootstrap/bootstrap.min.js’, ‘resources/assets/vendor/bootstrap/bootstrap.bundle.min.js’, ‘resources/assets/vendor/boostrap-table/bootstrap-table.min.js’, ‘resources/assets/vendor/boostrap-table/bootstrap-table-es-ES.min.js’, ], ‘public/js/app.js’) .sass(‘resources/assets/sass/app.scss’, ‘public/css/app.css’); File app.js require(‘./bootstrap’); File app.scss @import ..

Read more