Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Error laravel starterkit install


Hello.
Node: v20.7.0
yarn: 1.22.19
OpenServer: PHP 8.1

Version metronic: metronic_laravel_v8.2.1.zip

Have a npm run dev command error:
# npm run dev

> dev
> npm run development


> development
> mix

[webpack-cli] TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator))
at h:\OSPanel\domains\asdasd\webpack.mix.js:130:24
at Array.forEach (<anonymous>)
at Object.<anonymous> (h:\OSPanel\domains\asdasd\webpack.mix.js:129:107)
at Module._compile (node:internal/modules/cjs/loader:1241:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1295:10)
at Module.load (node:internal/modules/cjs/loader:1091:32)
at Module._load (node:internal/modules/cjs/loader:938:12)
at Module.require (node:internal/modules/cjs/loader:1115:19)
at require (node:internal/modules/helpers:130:18)
at module.exports (h:\OSPanel\domains\asdasd\node_modules\laravel-mix\setup\webpack.config.js:11:5)

Fragment error from webpack.mix:

glob.sync("node_modules/+(@fortawesome|socicon|line-awesome|bootstrap-icons)/**/*.+(woff|woff2|eot|ttf)").forEach(file => {
const [, folder] = file.match(/node_modules\/(.*?)\//);
mix.copy(file, `public/assets/plugins/global/fonts/${folder}/${path.basename(file)}`);
});

String:

const [, folder] = file.match(/node_modules\/(.*?)\//);

Modifed:

glob.sync("node_modules/+(@fortawesome|socicon|line-awesome|bootstrap-icons)/**/*.+(woff|woff2|eot|ttf)").forEach(file => {
const match = file.match(/node_modules\/(.*?)\//);
if (match) {
const [, folder] = match;
mix.copy(file, `public/assets/plugins/global/fonts/${folder}/${path.basename(file)}`);
} else {
console.error(`No match found in the file path: ${file}`);
}
});



Have a this error list:


No match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-solid-900.woff2No match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-solid-900.woff No match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-solid-900.ttf
No match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-solid-900.eot
No match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-regular-400.woff2
No match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-regular-400.woff
No match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-regular-400.ttfNo match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-regular-400.eotNo match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-brands-400.woff2
No match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-brands-400.woffNo match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-brands-400.ttf No match found in the file path: node_modules\line-awesome\dist\line-awesome\fonts\la-brands-400.eot No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-solid-900.woff2
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-solid-900.woff
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-solid-900.ttf
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-solid-900.eot
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-regular-400.woff2
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-regular-400.woff
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-regular-400.ttf
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-regular-400.eot
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-brands-400.woff2
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-brands-400.woff
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-brands-400.ttf
No match found in the file path: node_modules\line-awesome\dist\font-awesome-line-awesome\webfonts\fa-brands-400.eot
No match found in the file path: node_modules\bootstrap-icons\font\fonts\bootstrap-icons.woff2
No match found in the file path: node_modules\bootstrap-icons\font\fonts\bootstrap-icons.woff
No match found in the file path: node_modules\@fortawesome\fontawesome-free\webfonts\fa-v4compatibility.woff2
No match found in the file path: node_modules\@fortawesome\fontawesome-free\webfonts\fa-v4compatibility.ttf
No match found in the file path: node_modules\@fortawesome\fontawesome-free\webfonts\fa-solid-900.woff2
No match found in the file path: node_modules\@fortawesome\fontawesome-free\webfonts\fa-solid-900.ttfNo match found in the file path: node_modules\@fortawesome\fontawesome-free\webfonts\fa-regular-400.woff2
No match found in the file path: node_modules\@fortawesome\fontawesome-free\webfonts\fa-regular-400.ttf
No match found in the file path: node_modules\@fortawesome\fontawesome-free\webfonts\fa-brands-400.woff2
No match found in the file path: node_modules\@fortawesome\fontawesome-free\webfonts\fa-brands-400.ttf


Please, help to install.
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (10)


Hi,

Have you installed the project dependencies properly using 'yarn install' or 'npm install'? It appears that there might be an issue with the 'node_modules/line-awesome/dist/line-awesome' folder. Could you please verify if this folder exists in your project directory? If not, try running 'yarn install' or 'npm install' again to ensure that all the necessary dependencies are installed.



Looks like the issue is specific to Windows. To make it work for both Windows and macOS, you can update the line 130 as follows:


const [, folder] = file.match(/node_modules[\\|/](.*?)[\\|/]/);


This modification should ensure compatibility with both Windows and macOS.

We will update it as soon as possible.

Thanks



Is work! Thanks. Have next errors:



● Mix █████████████████████████ done (99%) plugins
Notifier

1 WARNING in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 1 warning

----------
Auth not working.
Debug log is empty, no error.

Use a clear install.

Screen:
1. Google console: https://prnt.sc/VVaTPPHGjLQ3
2. JS folder in project: https://prnt.sc/XNCzadqNTmNM
Errors in console:
Failed to load resource: the server responded with a status of 404 (Not Found)
plugins.bundle.js:41261 Uncaught SyntaxError: Cannot use import statement outside a module
scripts.bundle.js:8280 Uncaught ReferenceError: $ is not defined
at scripts.bundle.js:8280:1
login:1 Unchecked runtime.lastError: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received



I apologize for the inconvenience you've experienced. To address this, we have made a silent update to the zip file, and all critical issues have been resolved. Please try redownloading the package using the following link:

https://devs.keenthemes.com/metronic/laravel

If you have any further questions or encounter any issues, please don't hesitate to reach out. Your feedback is valuable, and we're here to assist you. Thank you for your understanding.



Faizal, im so sorry.
Maybe i use wrong instuction.

Use this: https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/build

Use all command, after - npm run dev:
● Mix done (99%) plugins
Notifier

1 WARNING in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 1 warning


Have next problems:
Custom javascript files is not created.

Not create a js custom folders and plugins
Screenshot from file system: https://prnt.sc/FAzJM_tqQvtF
Google console: https://prnt.sc/f-io4Lpen5CD
In source code: https://prnt.sc/ahn2PCXA-qBV
Laravel mix log: https://file.io/G9WmAqDafKUU



H,,

Sorry, for the latest version v8.2.1, please use this documentation URL.

https://preview.keenthemes.com/laravel/metronic/docs/getting-started

Thanks



Apologies for the inconvenience. After checking the recorded video showing the issue, it appears that the assets were not generated correctly.

Have you try redownloading the assets from the following link recently?

https://devs.keenthemes.com/metronic/laravel

There might be some missing or corrupted files. We have reuploaded the zip file with the same version (v8.2.1) to ensure all necessary files are intact.



The link to the file you gave, the same problem remains. I was able to run your product.
1. The public\assets\js\custom directory is not created and files from the public\assets\resources\_keenthemes\src\js\custom directory are not migrated.
2. I've created a directory: "custom" under the path: public\assets\js\.
3. I moved the files from the public\assets\resources\keenthemes\src\js\custom directory there.
4. Everything works.

I can already work, but you should probably check why this is happening.

Sorry for my eng



This way:
1. DataTables not work



I've thoroughly reviewed our latest Laravel zip file, and everything appears to be functioning well on my end locally. Here's the download link again for your convenience.

https://drive.google.com/file/d/1d5K6edXChRhO_ojJaqdJ0rcnWgkgpqhf/view?usp=share_link

I've include the setup of composer install and npm install from my local, followed by asset compilation using npm run dev . All you need to do is set up your database in the .env file, migrate the database, and run php artisan serve .

Ideally, the asset compilation should work. If you're still encountering issues on your local environment, it might be related to the OS environment. We'll investigate this matter further.

Apologies for any inconvenience, and thank you for your patience.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(