Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Metronic 9 with ReactJs


I followed this integration guide closely, but I couldn't get it to work.
In core/index.ts I had errors regarding the imports (the default imports were actually named exports in their respective index.ts files):
So, where necessary, I adjusted default imports to named imports like below:

import { KTAccordion } from "./components/accordion";

Building the project works, but when I start it, the page is blank and in the browser console, I see this error:

Uncaught SyntaxError: The requested module '/src/metronic/core/components/dropdown/types.ts' does not provide an export named 'KTDropdownConfigInterface' (at index.ts:2:10)

I checked and this export exists


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


Hi Vectoria,

We checked the latest Metronic 9 assets with our integration example apps and we were not able to reproduce your error, types.ts files should export the types using the export keyword.

Please let us know if you made any changes in our codebase or if there are any steps on how we can reproduce this error.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi. I tried with version 9.0.0.
We have already decided to use v8.2.5 since it's already a polished version.
Will try later with the new version you mentioned.



Hi Victoria,

Glad to hear that. Let us know if you will have any questions about Metronic 8.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi,

Could you please confirm if you are using the latest v9.0.2 that we have released last night? We have fixed some TS typing related issues in the recent update.

Once you provide with some clarifications we will guide you further.

Regards.


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