Element Plus error importing different functions

Vue Version: 3.2.27 (KeenThemes: 8, latest version)
Element Plus Version: 2.1.7
TypeScript: Latest version

import { genFileId } from 'element-plus';
import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus';

I gives me an error: Module '"element-plus"' has no exported member 'genFileId'. Did you mean to use 'import genFileId from "element-plus"' instead?

How to fix this?

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

Hi,

The Element Plus version in the latest Metronic 8 is outdated, could you please try to change a version to "element-plus": "^2.1.8"?

We will update it in the upcoming Metronic release.

I am running Element Plus 2.1.7 already. (Already updated it). What could be the problem? TypeScipt itself?

Hi,

Do you still have the same error?

These imports should work fine with the latest Element Plus. Try to delete your node_modules folder and then rerun the 'yarn' command again.

Yes. Please try it yourself.

Yes, we tried and everything is working fine.

Which Metronic version are you using?
The latest version is 8.038.

Which TypeScript version are you using?

In the latest Metronic version we are using "typescript": "~4.5.5".

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