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

Trouble with bulids on Oswald


It seems that the build tools are outdated. At first, I tried NPM and Yarn to build, but I got an error stating that it should be using .cjs instead of .js for Webpack. When I renamed the file to .cjs, I encountered another error:


Failed to compile argv bundle!

resolve "@shopify/draggable/build/umd" in "D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\webpack\plugins\custom\draggable"
Parsed request is a module
using description file: D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\package.json (relative path: ./webpack/plugins/custom/draggable)
Field "browser" doesn"t contain a valid alias configuration
resolve as module
D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\webpack\plugins\custom\draggable\node_modules doesn"t exist or is not a directory
D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\webpack\plugins\custom\node_modules doesn"t exist or is not a directory
D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\webpack\plugins\node_modules doesn"t exist or is not a directory
D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\webpack\node_modules doesn"t exist or is not a directory
looking for modules in D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\node_modules
existing directory D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\node_modules\@shopify\draggable
using description file: D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\node_modules\@shopify\draggable\package.json (relative path: .)
using description file: D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\node_modules\@shopify\draggable\package.json (relative path: ./build/umd)
Field "browser" doesn"t contain a valid alias configuration
D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\node_modules\@shopify\draggable\build\umd is not a file
D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\node_modules doesn"t exist or is not a directory
D:\Desain\oswald_html_pro_v1.0.4_new\node_modules doesn"t exist or is not a directory
D:\Desain\node_modules doesn"t exist or is not a directory
D:\node_modules doesn"t exist or is not a directory
ERROR in ./webpack/plugins/custom/draggable/draggable.js 3:0-53
Module not found: Error: Can"t resolve "@shopify/draggable/build/umd" in "D:\Desain\oswald_html_pro_v1.0.4_new\oswald_html_pro_v1.0.4\tools\webpack\plugins\custom\draggable"
Did you mean "index.js"?
BREAKING CHANGE: The request "@shopify/draggable/build/umd" failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a "*.mjs" file, or a "*.js" file where the package.json contains ""type": "module"").
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

ERROR in ./webpack/plugins/plugins.js 43:43-53
export "Bootstrap5" (imported as "Bootstrap5") was not found in "@form-validation/plugin-bootstrap5" (module has no exports)

webpack compiled with 2 errors
error Command failed with exit code 1.


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


Having trouble with builds on Oswald gbwhatsapp download frequent errors, unstable integrations, and inconsistent results. Tried standard fixes, but no improvement. Need help identifying root cause or best practices to stabilize everything.



Hi Eko Budiyanto

Please try to use "npm install" and remove "type": "module" from package.json

Please check the docs here:

https://preview.keenthemes.com/html/oswald-html-pro/docs/getting-started/build/webpack

Thanks


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