react theme setup base configration issue
I have completed all the steps provided in react integration guide
1 Creating Project
2 Integrate Styles
3 Setup Static Files
4 in Integrate Core
a Initialize global typescript components
b Disable Strict Mode
after all these steps when i hit npm run dev i am getting these error in console
KTDom.ready(() => {
KTLayout.init();
});
Uncaught ReferenceError: KTDom is not defined
at demo1.js:63:1 issue
node version i am using v20.5.0
npm verison i am using 9.8.0
Replies (5)
Hi! A similar problem with Laravel. Downloaded it https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-laravel I added the files according to the instructions. And I even get an
Uncaught ReferenceError: KTDom is not defined
at app-DqJADRCK.js:16:16314
Hi,
If you haven't managed to get a working application by following our integration guide, refer to the Metronic Tailwind Vue project in our guides repo. Since it is a public repo, it doesn't contain theme assets. Follow the steps below before running the application:
- Open the repo at https://github.com/KeenthemesHub/metronic-tailwind-html-integration.
- Download the
metronic-tailwind-vuefolder. - Copy the
srcfolder from themetronic-tailwind-htmlpackage and paste it into themetronic-tailwind-vue/srcdirectory. - Rename the copied folder to
theme. The directory structure should now look like this:metronic-tailwind-vue/src/theme. - Update src/theme/app/layouts/demo1.js you should replace:
KTDom.ready(() => {
KTLayout.init();
});
to
export default KTLayout;
- Delete src/theme/core/index.ts and rename src/theme/core/index.spa.ts to index.ts.
- Copy the media folder from
metronic-tailwind-html/dist/assetsand paste it intometronic-tailwind-vue/public. - Install dependencies with
npm installand serve the project withnpm run dev.
Please let us know if you need any help on this topic or anything else.
Regards,
Lauris Stepanovs,
Keenthemes Support Team