Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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.


user
Eko Budiyanto 1 year ago
Gulp Webpack Bootstrap 5
2 Answers
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 (2)

user
instaup apk 11 months ago

Download latest version of InstaUp APK online free from instaupapk.cam


user
Faizal Author 1 year ago

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