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)}`);
});
const [, folder] = file.match(/node_modules\/(.*?)\//);
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}`);
}
});
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
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.
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
H,,
Sorry, for the latest version v8.2.1, please use this documentation URL.
https://preview.keenthemes.com/laravel/metronic/docs/getting-started
Thanks
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
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[\\|/](.*?)[\\|/]/);
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
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.