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

Can't install Metronic for Symfony with installation guide. Help needed


I tried to install the latest Metronic 8 for Symfony. Following the installation guide the are many problems.

1. The _keenthemes folder is not at the location as described. So I moved it.

2. When using yarn install there are many Warnings like deprecations and (unmet peer) dependencies.
How come? This is a quite resent version. Shouldn't it install proper?

3. But the real trouble is when I try to create the assets with npm run build. I get this result:

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value.
Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/

ERROR in main
Module not found: Error: Can't resolve './src' in '/Users/kwik/PhpStormProjects/starterkit/_keenthemes/tools'
resolve './src' in '/Users/kwik/PhpStormProjects/starterkit/_keenthemes/tools'
using description file: /Users/kwik/PhpStormProjects/starterkit/_keenthemes/tools/package.json (relative path: .)
Field 'browser' doesn't contain a valid alias configuration
using description file: /Users/kwik/PhpStormProjects/starterkit/_keenthemes/tools/package.json (relative path: ./src)
no extension
Field 'browser' doesn't contain a valid alias configuration
/Users/kwik/PhpStormProjects/starterkit/_keenthemes/tools/src doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/Users/kwik/PhpStormProjects/starterkit/_keenthemes/tools/src.js doesn't exist
.json
Field 'browser' doesn't contain a valid alias configuration
/Users/kwik/PhpStormProjects/starterkit/_keenthemes/tools/src.json doesn't exist
.wasm
Field 'browser' doesn't contain a valid alias configuration
/Users/kwik/PhpStormProjects/starterkit/_keenthemes/tools/src.wasm doesn't exist
as directory
/Users/kwik/PhpStormProjects/starterkit/_keenthemes/tools/src doesn't exist

I noticed that that the webpack.config.js is empty in the tools folder. Is this maybe the problem? Unfortunately I can't use Gulp, it won't install on my system. So I can't try that route.

My goal is to use the assets and parts of the html in a symfony project that already is indevelopment for a while.

Maybe I can get metronic running in an other way in that project?


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


Hi,

Sorry for the delay. Warnings are not necessarily errors, but they may indicate some issues or dependencies that are not compatible with another plugins. We will check further on this to see if there are any known issues or solutions.

Thanks



Hi,

Could you please try to redownload the zip file. We have reuploaded the updated dependencies. Recently many 3rd party dependencies are updated. We will release the new version soon to follow up the dependency versions.

https://devs.keenthemes.com/metronic/symfony


Thanks



Thank you very much.

Yarn install still gives some warings. But it will now build the assets.

This is the output of yarn:

yarn install v1.22.19
[1/4] 🔍 Resolving packages...
warning npm > readdir-scoped-modules@1.1.0: This functionality has been moved to @npmcli/fs
warning npm > @npmcli/arborist > readdir-scoped-modules@1.1.0: This functionality has been moved to @npmcli/fs
warning npm > @npmcli/ci-detect@1.4.0: this package has been deprecated, use `ci-info` instead
warning npm > libnpmexec > @npmcli/ci-detect@1.4.0: this package has been deprecated, use `ci-info` instead
warning npm > @npmcli/arborist > @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
warning npm > libnpmversion > stringify-package@1.0.1: This module is not used anymore, and has been replaced by @npmcli/package-json
warning npm > node-gyp > request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
warning npm > node-gyp > request > har-validator@5.1.5: this library is no longer supported
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
warning " > @yaireo/tagify@4.17.8" 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 "datatables.net-plugins > prettier-plugin-x@0.0.10" has unmet peer dependency "prettier@^2.0.0".
warning "datatables.net-plugins > prettier-plugin-x > x-formatter > @prettier-x/formatter-2021-01 > remark-math@1.0.6" has unmet peer dependency "remark-parse@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0".
warning " > vis-timeline@7.7.2" has unmet peer dependency "@egjs/hammerjs@^2.0.0".
warning " > vis-timeline@7.7.2" has unmet peer dependency "component-emitter@^1.3.0".
warning " > vis-timeline@7.7.2" has unmet peer dependency "keycharm@^0.2.0 || ^0.3.0 || ^0.4.0".
warning " > vis-timeline@7.7.2" has unmet peer dependency "propagating-hammerjs@^1.4.0 || ^2.0.0".
warning " > vis-timeline@7.7.2" has unmet peer dependency "uuid@^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0".
warning " > vis-timeline@7.7.2" has unmet peer dependency "vis-data@^6.3.0 || ^7.0.0".
warning " > vis-timeline@7.7.2" has unmet peer dependency "vis-util@^5.0.1".
warning " > vis-timeline@7.7.2" has unmet peer dependency "xss@^1.0.0".
warning " > postcss-loader@4.3.0" has unmet peer dependency "postcss@^7.0.0 || ^8.0.1".
warning Workspaces can only be enabled in private projects.
[4/4] 🔨 Building fresh packages...
success Saved lockfile.


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