Full Stack Web App using Vue.js & Express.js: Part 1 - Intro

What people said

Cites Wasbeer · 2017-12 · Stack Overflow · on “Webpack "error in ./src/main.js Syntax Error: "({\n new webpack.Def""”

I am following the Free Code Camp tutorial on building a full stack web application with Express and Vue.js [this video] . Upon launching the client server, I am running into this error: [LINK] The main.js looks like this: // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router' Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app', router, template: '<App/>', components: { App } }) Deleting the content of this file still results in the same error, which might suggest the error originates in the Webpack configura

Cites neku894 · 2018-06 · Stack Overflow · on “Express.js + lint gives mistake”

[this video] I am watching this lesson and trying to recreate everything author does. At 19:00 he sets vue.js-express.js project. He creates folder called 'server'. In 'server/' he runs 'npm init -f'. Then 'npm install --save nodemon eslint', then he inits eslint. Then in package.json file he writes: "scripts": { "start": "nodemon src/app.js --exec 'npm run lint && node'", "lint": "eslint **/*.js" } Then in folder 'server' he creates folder 'src'. In 'src' he creates 'app.js'. And in 'app.js; there is a simple console.log('hello'). Then he runs 'npm start'. 'Hello' is printed in terminal, nodemon and eslint works just fine. Then he types 'npm install --save express'. Thats where my problem begins

Cites enbermudas · 2018-06 · Stack Overflow · on “ESLint: 5.0.1 Error”

I'm creating a project following this tutorial: Full Stack Web App using Vue.js & Express.js: Part 1 - Intro [this video] I ran the next command: "npm start" which was configured in my package.json like this: "scripts": { "start": "./node_modules/nodemon/bin/nodemon.js src/app.js --exec 'npm run lint && node'", "lint": "./node_modules/.bin/eslint **/*.js" }, But ESLint throws the next error: Oops! Something went wrong! :( ESLint: 5.0.1. No files matching the pattern "node_modules/ipaddr.js" were found. Please check for typing mistakes in the pattern. npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! server@1.0.0 lint: `eslint **/*.js` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the server

Cites beardmeaning · 2018-08 · Stack Overflow · on “vue-cli 3.x - change src and public dirs”

Yes. I use `express` framework for server. But I want keep all dependencies inside one `package.json` file. There is video example with two separate projects for client and server at [this video] but it is much easier for deployment to have one `package.json`

Cites pashute · 2018-09 · Stack Overflow · on “how to run nodemon in windows from package.json”

I'm following a VUE tutorial [this video] on a mac (shown in youtube). In my src/app.js I have only console.log('hi'); The start command for the Mac in package.json as shown on the youtube video is: "scripts": { "start": "./node_modules/nodemon/bin/nodemon.js src/app.js --exec 'npm run lint && node'", "lint": "./node_modules/.bin/eslint **/*.js" }, In which case the nodemon was not found. So I changed the forward slashes to backslashes thus: "scripts": { "start": ".\\node_modules\\nodemon\\bin\\nodemon.js src\\app.js --exec 'npm run lint && node'", "lint": ".\\node_modules\\.bin\\eslint **\\*.js" }, but now when I run npm start I get an alert with error in nodemon.js line 1 charachter 1 invalid c

Cites Jason · 2018-09 · Stack Overflow · on “npm install package.js - can I revert to earlier package?”

I am following this tutorial on vue.js on YouTube [this video] . One of the packages I installed was eslint 5.5 (which is the current version). I saw this error message: npm ERR! Failed at the server@1.0.0 lint script 'eslint **/*.js'. npm ERR! Make sure you have the latest version of node.js and npm installed. npm ERR! If you do, this is most likely a problem with the server package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! eslint **/*.js npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs server npm ERR! Or if that isn't available, you can get their info via: npm ERR! npm owner ls server npm ERR

Cites Moglash · 2019-06 · Stack Overflow · on “Vue: Error in v-on handler (Promise/async): "Error: Request failed with status code 404"”

I was following along this tutorial on youtube [this video] when I got the following error (I already left a comment there, hoping somebody got the same issue or knows how to solve it). Basically, in this part of the tutorial Cody shows how to build a register form with express and vue. The error occurs when I click the register button. Error message POST [LINK] 404 (Not Found) [Vue warn]: Error in v-on handler (Promise/async): "Error: Request failed with status code 404" found in ---> <Register> at src/components/Register.vue <App> at src/App.vue <Root> vue.esm.js?efeb:1897 Error: Request failed with status code 404 at createError (createError.js?16d0:16) at settle (settle.js?db52:17) at XMLHttp

Cites Homunculus Reticulli · 2019-06 · Stack Overflow · on “Understanding Vue components and routing”

I am learning how to build a website using a Vue frontend and Express REST backend [this video] . I have created new routes as follows: /path/to/vue-client/routes/index.js import Vue from 'vue'; import Router from 'vue-router'; import Hello from '@components/HelloWorld'; import Register from '@components/Register'; Vue.use(Router); export default new Router({ routes: [ { path: '/', name: 'hello', component: Hello }, { path: '/register', name: 'register', component: Register } ] }); /path/to/vue-client/src/components/Register.vue <template> <div> <h1>{{ msg }}</h1> <p> This is the registration page. </p> </div> </template> <script> export default { name: 'Register', props: { msg: String } } </scri

Cites Rotem Orbach · 2021-07 · Stack Overflow · on “/usr/bin/env: ‘node’: No such file or directory”

I know this question has been asked many times, but none of the solutions worked for me. I'm desperate! On Windows 10, I've created a simple Vue.js & Node app, following this guide: Full Stack Web App using Vue.js & Express.js [this video] which implements a simple client/server app. After I installed nodemon, I try to run "npm start" and got this: /usr/bin/env: ‘node’: No such file or directory I saw that on the top of nodemon.js file I have this following line: #!/usr/bin/env node I know that this is a shebang line. several questions: How do I solve this?? Why is this line even there? is it because I have Ubunto app from windows store installed? I also have "Remote - WSL" package installed on V