GithubHelp home page GithubHelp logo

madlabsinc / mevn-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
3.0 4.0 5.0 2.2 MB

Boilerplate template for getting started with MEVN stack

License: MIT License

JavaScript 89.73% HTML 2.09% Vue 7.17% Dockerfile 1.00%
mevn mevn-stack vuejs expressjs mongodb mongoose

mevn-boilerplate's People

Contributors

ajomadlabs avatar anto-christo avatar dependabot-preview[bot] avatar dependabot-support avatar jamesgeorge007 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

mevn-boilerplate's Issues

ERROR: vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

Hi @jamesgeorge007 @ajomadlabs , I'm one of the mentors from GSSoC assigned to mevn-cli. I was trying to run the cli and faced an issue. The issues was not with the CLI but with this boilerplate (and maybe with other boilerplates as well).

After running mevn run:client, the following error message was thrown.

> [email protected] dev /home/anto/Code/test-app/client
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 10% building modules 3/4 modules 1 active ...client/index.js?http://localhost:8080(node:16262) [ESLINT_LEGACY_OBJECT_REST_SPREAD] DeprecationWarning: The 'parserOptions.ecmaFeatures.experimentalObjectRestSpread' option is deprecated. Use 'parserOptions.ecmaVersion' instead. (found in "standard")
 94% asset optimization ERROR  Failed to compile with 5 errors15:53:55               

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
 error  in ./src/App.vue?vue&type=style&index=0&lang=css&

Module parse failed: Unexpected character '#' (15:0)
You may need an appropriate loader to handle this file type.
| 
| 
| #app {
|   font-family: 'Avenir', Helvetica, Arial, sans-serif;
|   -webkit-font-smoothing: antialiased;

 @ ./src/App.vue 4:0-63
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

I was able to fix it by importing VueLoaderPlugin from vue-loader and adding it's object to the plugins array in webpack config. We have to do this since certain changes were made in v15 of vue-loader.

Is this issue being faced by others as well or is just my environment causing the issue? And should I raise a PR for this?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.