Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • 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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(