KeenMate / vue-metronic

VueJS components of Metronic admin templates
MIT License
32 stars 14 forks source link

App Does Not Run, Missing Dependencies #2

Open gweil0 opened 6 years ago

gweil0 commented 6 years ago

Steps for reproducing

  1. git clone [this repo]
  2. npm i || yarn install
  3. npm start || yarn start

Returns css-loader missing, modules missing, assets missing.

Error log


ERROR  Failed to compile with 18 errors                             xx:xx:xx AM

These dependencies were not found:

* -!../../node_modules/css-loader/index.js??ref--6-1!./global/css/components-md.min.css in ./node_modules/css-loader??ref--6-1!./static/metronic/metronic.css
* -!../../node_modules/css-loader/index.js??ref--6-1!./global/css/plugins.min.css in ./node_modules/css-loader??ref--6-1!./static/metronic/metronic.css
* -!../../node_modules/css-loader/index.js??ref--6-1!./global/plugins/bootstrap-switch/css/bootstrap-switch.min.css in ./node_modules/css-loader??ref--6-1!./static/metronic/metronic.css
* -!../../node_modules/css-loader/index.js??ref--6-1!./global/plugins/bootstrap/css/bootstrap.min.css in ./node_modules/css-loader??ref--6-1!./static/metronic/metronic.css
* -!../../node_modules/css-loader/index.js??ref--6-1!./global/plugins/font-awesome/css/font-awesome.min.css in ./node_modules/css-loader??ref--6-1!./static/metronic/metronic.css
* -!../../node_modules/css-loader/index.js??ref--6-1!./global/plugins/simple-line-icons/simple-line-icons.min.css in ./node_modules/css-loader??ref--6-1!./static/metronic/metronic.css
* -!../../node_modules/css-loader/index.js??ref--6-1!./layout/css/layout.min.css in ./node_modules/css-loader??ref--6-1!./static/metronic/metronic.css

To install them, you can run: npm install --save -!../../node_modules/css-loader/index.js??ref--6-1!./global/css/components-md.min.css -!../../node_modules/css-loader/index.js??ref--6-1!./global/css/plugins.min.css -!../../node_modules/css-loader/index.js??ref--6-1!./global/plugins/bootstrap-switch/css/bootstrap-switch.min.css -!../../node_modules/css-loader/index.js??ref--6-1!./global/plugins/bootstrap/css/bootstrap.min.css -!../../node_modules/css-loader/index.js??ref--6-1!./global/plugins/font-awesome/css/font-awesome.min.css -!../../node_modules/css-loader/index.js??ref--6-1!./global/plugins/simple-line-icons/simple-line-icons.min.css -!../../node_modules/css-loader/index.js??ref--6-1!./layout/css/layout.min.css

These relative modules were not found:

* ../../../../static/metronic/layout/img/avatar1.jpg in ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-261d69f4","hasScoped":false,"transformToRequire":{"video":"src","source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/metronic/navigation/m-user-actions.vue
* ../static/metronic/layout/img/logo.png in ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-7ba5bd90","hasScoped":false,"transformToRequire":{"video":"src","source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue
* ./global/plugins/bootstrap-switch/js/bootstrap-switch.min in ./static/metronic/metronic.js
* ./global/plugins/bootstrap/js/bootstrap.min in ./static/metronic/metronic.js
* ./global/plugins/jquery-slimscroll/jquery.slimscroll.min in ./static/metronic/metronic.js
* ./global/plugins/jquery.blockui.min in ./static/metronic/metronic.js
* ./global/plugins/js.cookie.min in ./static/metronic/metronic.js
* ./global/scripts/app in ./static/metronic/metronic.js
* ./layout/global/scripts/quick-nav.min in ./static/metronic/metronic.js
* ./layout/scripts/layout in ./static/metronic/metronic.js
* ./static/metronic/global/plugins/bootstrap/js/bootstrap.min.js in multi ./build/dev-client jquery vue vue-router ./static/metronic/global/plugins/bootstrap/js/bootstrap.min.js
> Listening at http://localhost:8080

ERROR | Cannot GET / appears in browser.

FilipJakab commented 6 years ago

Could you please check #1 ? It might be similar issue.

gweil0 commented 6 years ago

I made this issue as a courtesy after reviewing Metronic for a colleague; this repo relies on JQuery and it is a bad practice to mash JQuery into a VueJS web app.

Also, the Metronic classnames... yikes