Open-source by Keenthemes!Support our KtUI and ReUI open-source projects and help with growth.
Star on Github

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


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