webpack-simple | Isomorphic ReactJS with webpack hot module reload | Server Side Rendering library

i can not use vue routes get's the following error( npm 3.10.10, webpack 3.8.1). How to solve this

Failed to compile.

./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/quotes.vue Module not found: Error: Can't resolve './components/quote.vue' in 'D:\vue\vue-laravel\src\components' @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/quotes.vue 11:0-43 @ ./src/components/quotes.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

I use webpack-simple

I am trying the Quasar Framework (for those not familiar, it's based on Vue) and it's going well. However I've tried running a build (npm run build) and get repeated:

error Unexpected console statement no-console

... so the build fails because it sees console.log(...) and is not happy. My options:

1. don't use console.log in development. But it's handy.
2. comment out the eslint rule that presumably enforces that, so letting console.log into production. But that's not ideal for performance/security.
3. have the build automatically remove any console.log. That's what I'm after.

But how?

I took a look at the build https://quasar.dev/quasar-cli/cli-documentation/build-commands and it mentions using webpack internally and UglifyJS too. Given that, I found this answer for removing console.log in a general Vue/webpack project: https://github.com/vuejs-templates/webpack-simple/issues/21

... but if that's how, where does that go within Quasar since there is no webpack config file? I imagine in the quasar.conf.js file (since I see an 'extendWebpack' line in there - sounds promising). Or is there a better way to do it? How do other people remove console.log in production when using Quasar? Or handle logging without it?

Thanks!

I am trying to put together the absolute bare minimum example of a Vue project that uses webpack to transpile .vue files.

My goal is to understand each build step in detail. Most tutorials advise to use vue-cli and use the webpack-simple config. And although that setup works, it seems overkill for my simple purpose. For now I don't want babel, linting or a live web server with hot module reloading.

A minimal example with just import Vue from 'vue' works! Webpack compiles the vue library and my own code into one bundle.

But now, I want to add vue-loader to the webpack config, so that .vue files will get transpiled. I have installed vue loader:

I want to use the async/await pattern with my new Vue.js project. However, after my first try, it threw an error:

I took a Vue 2 online course and it did show (but didn't really explain) how to install node.js, npm and vue. Currently using vue-cli to set up my project using vue init webpack-simple. Problem is I have a Windows desktop and a Mac laptop. I'm using Box cloud on both but I need to have 2 separate folders for the same project. Basically, project-1-windows and project-1-mac.

I can't run npm run dev on the project-1-mac while on Windows 10 and vice versa. The only way I know to run both is to delete the node_modules folder and run npm install. However it takes a while for the files to download. Is there an easier way to do this?

I just started with Vue today and got stuck.

Following is the summary:

my environments:

• backend (localhost) written in .net web api 2
  enabled package "Microsoft.AspNet.WebApi.Cors"
• frontend (localhost) with vue-js-2 with webpack-simple
  vue-resource for http requests

I am experiencing some CORS issues which I cannot solve:
Launching "simple requests" with GET verb works, but when using POST verb I get CORS error, saying:

I'm trying to setup vue js on my system, I've installed the necessary things such as npm, yarn etc and vue-cli itself but when I try creating a vue folder using vue init webpack-simple myapp it returns the following error: Command 'vue' not found, did you mean:

command 'vpe' from deb texlive-latex-extra

Try: sudo apt install

I have a Vue 2.0 webapplication that runs without problems on my computer, but I can't seem to get it to work on a server without the app running on the root directory.

e.g: 'www.someserver.com/my-app/' instead of 'www.someserver.com/'.

I used the webpack-simple template which has this basic webpack configuration. How can I make sure that the app will load the files from the folder instead of the root?