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

Asset problem npm run dev


I try a fresh install of starter kit laravel 8.2.1

With yarn command i have those warnings :


yarn install v1.22.21
info No lockfile found.
[1/4] Resolving packages...
warning pdfmake > @foliojs-fork/linebreak > brfs > static-module > magic-string > sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
warning laravel-mix > @babel/plugin-proposal-object-rest-spread@7.20.7: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
warning laravel-mix > webpack-dev-server > webpack-dev-middleware > memfs@3.6.0: this will be v4
warning laravel-mix > cssnano > cssnano-preset-default > postcss-svgo > svgo > stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
warning webpack-rtl-plugin > cssnano > cssnano-preset-default > postcss-svgo > svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
warning webpack-rtl-plugin > cssnano > cssnano-preset-default > postcss-svgo > svgo > stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
[2/4] Fetching packages...
warning chart.js@4.4.0: The engine "pnpm" appears to be invalid.
[3/4] Linking dependencies...
warning " > @yaireo/tagify@4.17.9" has unmet peer dependency "prop-types@^15.7.2".
warning "bootstrap-maxlength > bootstrap@4.6.2" has unmet peer dependency "popper.js@^1.16.1".
warning " > vis-timeline@7.7.3" has unmet peer dependency "@egjs/hammerjs@^2.0.0".
warning " > vis-timeline@7.7.3" has unmet peer dependency "component-emitter@^1.3.0".
warning " > vis-timeline@7.7.3" has unmet peer dependency "keycharm@^0.2.0 || ^0.3.0 || ^0.4.0".
warning " > vis-timeline@7.7.3" has unmet peer dependency "propagating-hammerjs@^1.4.0 || ^2.0.0".
warning " > vis-timeline@7.7.3" has unmet peer dependency "uuid@^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0".
warning " > vis-timeline@7.7.3" has unmet peer dependency "vis-data@^6.3.0 || ^7.0.0".
warning " > vis-timeline@7.7.3" has unmet peer dependency "vis-util@^5.0.1".
warning " > vis-timeline@7.7.3" has unmet peer dependency "xss@^1.0.0".
warning " > laravel-mix@6.0.49" has unmet peer dependency "@babel/core@^7.15.8".
warning " > laravel-mix@6.0.49" has unmet peer dependency "@babel/plugin-proposal-object-rest-spread@^7.15.6".
warning " > laravel-mix@6.0.49" has unmet peer dependency "@babel/plugin-syntax-dynamic-import@^7.8.3".
warning " > laravel-mix@6.0.49" has unmet peer dependency "@babel/plugin-transform-runtime@^7.15.8".
warning " > laravel-mix@6.0.49" has unmet peer dependency "@babel/preset-env@^7.15.8".
warning " > laravel-mix@6.0.49" has unmet peer dependency "webpack@^5.60.0".
warning " > laravel-mix@6.0.49" has unmet peer dependency "webpack-cli@^4.9.1".
warning " > sass-loader@13.2.0" has unmet peer dependency "webpack@^5.0.0".
warning Workspaces can only be enabled in private projects.
[4/4] Building fresh packages...
success Saved lockfile.
Done in 77.42s.


with nmp run dev, i have this warning :


1 WARNING in child compilations (Use "stats.children: true" resp. "--stats-children" for more details)
webpack compiled with 1 warning


Ok, it's "just" warning but...

When i'm on http://127.0.0.1:8000/login i have console error :

http://127.0.0.1:8000/assets/js/custom/authentication/sign-in/general.js (404
Not Found)

-> all custom CSS seems not to be publish under public/assets/js :/

Thanks for your help.

Regards


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


Same like this post :/

https://devs.keenthemes.com/question/metronic-laravel-v820-folder-structure

Regards



Hi,

Could you please download this zip file, and retry it?

https://drive.google.com/file/d/1d5K6edXChRhO_ojJaqdJ0rcnWgkgpqhf/view?usp=share_link

Thanks



Hi,

Same problem :/

Regards



I have the same problem described with very limited assets in the js/custom and plugins/custom folders of the original install, but the file you uploaded to Google Drive does seem to have a lot of these files.
Here's a compare of the folders, where Left folder is the original install and Right folder is the Google driver unzipped files.



I apologize for the inconvenience. We've identified that this issue appears to be specific to the Windows operating system. Fortunately, we have a workaround that you can implement to resolve the problem.

You can find the workaround at the following link:
https://gist.github.com/faizalmy/8e0a14f9949b4f6cd93add7fb91529ee#file-webpack-mix-js-L55-L68

We appreciate your patience and understanding. Rest assured, we will include a fix for this issue in the upcoming updates. If you have any further questions or encounter additional issues, please feel free to reach out. Thank you for your cooperation.


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