Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$
Light
Dark
System
Ask  Question

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


G
Guillaume 8 months ago
Laravel
5 Answers
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)

user
Faizal Author8 months ago

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.


G
Guest 8 months ago

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.

<img src="https://i.ibb.co/wNffnY1/image.png" />


user
Faizal Author8 months ago

Hi,

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

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

Thanks


G
Guillaume 8 months ago

Hi,

Same problem :/

Regards


G
Guillaume 8 months ago

Same like this post :/

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

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