DEV Community

Discussion on: Build a Todo App with Node.Js, ExpressJs, MongoDB and VueJs – Part 2

Collapse
 
markjohnson303 profile image
Mark Johnson 👔

I was able to get this up and running by doing a few things:

  1. make sure your public folder file structure matches what is in Samuels github repo here: github.com/abiodunjames/NodeJs-Tod...

Mine was off a little bit based on how I read the instructions. Make sure you check out the subfolders for consistency as well.

  1. Make sure you have a webpack.config.js in your root folder that looks like this: github.com/markjohnson303/vue-todo....

  2. Don't forget the last step of updating index.html to reference bundle.js

I had to make a couple changes to the webpack.config.js that Samuel has in his repo, but this should get you going.

Collapse
 
thuycis2018 profile image
thuycis2018 • Edited

Thanks Mark J. I got error when running 'npm run build'. So I followed your suggestions, checked for file structure and used your webpack.config.js.

I got passed this error. However, when I load the app, add/delete/all work but update function didn't work (.save callback function didn't fire).

So I made this change and it's now working:

todo.save({
function (error, todo) {
...
}
})

Changed to (removed {})

todo.save(
function (error, todo) {
...
}
)

Based on suggestions on best practice, I also changed file names to lowercase (todo.js, routes.js, config.js) and variable Todo -> todo.