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

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


Moving house? Nightmare. Tried doing it myself once — wrecked my back and my pride. Saw some bloke on Reddit raving about Figured it was worth a punt. Lads were solid — turned up, packed the lot, didn’t act like clueless twats. No damage, no delays, no stress. For once I didn’t wanna smash my head against a wall after moving.



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