angular 8.1.8 missing icons and many errors
i downloaded the latest version of angular metronic , it's not working as expected with many errors and missing icons..
print screen
Replies (6)
Hi,
It's possible that the errors and missing icons you're experiencing are due to an incomplete installation or outdated dependencies. To troubleshoot this issue, please try the following:
1. Make sure you've properly installed the necessary npm plugins using the command "npm install". Then, start the Angular development server using "ng serve".
2. Check if your global Angular version is the latest one (v15). If not, install it using the command "npm install -g @angular/cli@latest".
3. Ensure that your Node.js version is compatible with Angular v15. Check your version using the command "node -v". The recommended version is v18.16.0.
4. Check your npm version using the command "npm -v". If it's not the latest version, update it using "npm install -g npm".
Thanks
i tried all this steps but still not working as expected
1. i have latest version on angualr
2. i installed node js version 18
3. npm version 9.6.3
one of the errors: (all the error about ERROR TypeError: Cannot read properties of undefined (reading 'name'))
scripts-init.component.ts:53 ERROR TypeError: Cannot read properties of undefined (reading 'name')
at UserInnerComponent_ng_container_0_Template (user-inner.component.html:123:11)
at executeTemplate (core.mjs:10534:9)
at refreshView (core.mjs:10419:13)
at refreshEmbeddedViews (core.mjs:11434:17)
at refreshView (core.mjs:10443:9)
at refreshComponent (core.mjs:11480:13)
at refreshChildComponents (core.mjs:10210:9)
at refreshView (core.mjs:10469:13)
at refreshComponent (core.mjs:11480:13)
at refreshChildComponents (core.mjs:10210:9)
Hi,
It would be helpful to know which operating system you are using and which browser you are using to run your Angular application. Additionally, have you tried clearing your browser cache or running your application on a different browser to see if the issue persists? Since we could not reproduce the issue from our side, providing more details about your setup and any additional error messages may help in finding a solution to the issue you are facing.
Thanks
thank you , the problem was with my browser cache... after clean it now work as expected
now im trying to use rtl mode , i do all this : https://gist.github.com/carmelodevuz/b2c50883a8d164aa4a13c53056caf568
after i run command "npm run rtl" i got an error:
> demo1@8.1.7 rtl
> webpack --config=rtl.config.js
[webpack-cli] Failed to load 'C:\00\metronic_angular_v8.1.8_demo1\metronic_angular_v8.1.8_demo1\demo1\rtl.config.js' config
[webpack-cli] ReferenceError: require is not defined in ES module scope, you can use import instead
This file is being treated as an ES module because it has a '.js' file extension and 'C:\00\metronic_angular_v8.1.8_demo1\metronic_angular_v8.1.8_demo1\demo1\package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.
at file:///C:/00/metronic_angular_v8.1.8_demo1/metronic_angular_v8.1.8_demo1/demo1/rtl.config.js:1:14
at ModuleJob.run (node:internal/modules/esm/module_job:194:25)
HI,
To resolve the issue, we suggest removing the following codes as a workaround:
const del = require("del")// remove older folders and files
;(async () => {
await del(distPath + "/css", {force: true})
})();(async () => {
await del(distPath + "/css/*.js", {force: true})
})()This should temporarily fix the problem. We are currently working on a permanent fix and will release it as soon as possible.
Thanks
