Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

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


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 (6)


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



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,

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)


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  :(