Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

I am unable to successfully build


The instructions aren't entirely specific on where exactly one should be when entering the commands inside the terminal.
Preliminarily, there is no `tools` directory inside the `react` folder so there I cannot even try to follow the instructions.
From `html/tools` which I decided to try instead then, I try running the instructions in order, all work as anticipated except for `gulp --demo1` which returns an error stating "Cannot use import statement outside a module". I tried moving up a level so I was now just inside the `html` directory and running all of the commands again. Again, on the `gulp --demo1` command I get an error, this time "No gulpfile"
What should I try, and is there a different way to get this to work for react since there is no tools directory there, and no instructions on how to start a build without it


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 Nick,

For react, we have separate documentation to build. Please check this page;
https://preview.keenthemes.com/metronic8/react/demo1-docs/docs/quick-start

Thanks



From `/react/demo1` ? Anywhere else I cannot run `npm install` since there is no package.json in any other react directory, but when inside `/demo1` I just get a different error on the first step



Hi,

If you are using the latest Metronic v8.0.37 then you should have package.json in react/demo1 folder.

We just rechecked our react version and everything seems to be working fine.

If you have installation errors could you please retry dependencies installation with yarn command?



Ah, perfect, Sorry that was on the webpack and gulp instructions, not the react ones. I am running that now, thank you!



Sorry to continue to ask questions, but Im not inside the Layout Builder and there is no "export" button present like there is in the video tutorial, where do I go from here?



Hi,

We have an export button only in the Metronic HTML version.

You can check layout builder on our preview page:
https://preview.keenthemes.com/metronic8/demo1/layout-builder.html

In React version you can configure a default layout by updating configuration in file src/_metronic/layout/core/DefaultLayoutConfig.ts.


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