p-adams / simple-todo-tutorial Goto Github PK

Hi there

Thank you so much for this tutorial and demo pack.

I just wanted to let you know, I tried installing the pack and found that the latest version of webpack-dev-server (2.1.0-beta.9) throws the error

WebpackOptionsValidationError: Invalid configuration object

By rolling the version of webpack-dev-server back it worked fine (I got the idea from here PatrickJS/PatrickJS-starter#1036) but thought I better flag it in case you have anyone else with this issue!

Getting the following error

ERROR in multi main
Module not found: Error: Can't resolve 'babel' in '/home/rob/Projects/simple-todo-tutorial/simple-todo'
BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.
                 You need to specify 'babel-loader' instead of 'babel'.

This appears to fix it:

diff --git a/simple-todo/webpack.config.js b/simple-todo/webpack.config.js
index 1e30839..e233685 100644
--- a/simple-todo/webpack.config.js
+++ b/simple-todo/webpack.config.js
@@ -12,16 +12,16 @@ module.exports = {
     loaders: [
       {
         test: /\.vue$/,
-        loader: 'vue'
+        loader: 'vue-loader'
       },
       {
         test: /\.js$/,
-        loader: 'babel',
+        loader: 'babel-loader',
         exclude: /node_modules/
       },
       {
         test: /\.(png|jpg|gif|svg)$/,
-        loader: 'file',
+        loader: 'file-loader',
         query: {
           name: '[name].[ext]?[hash]'
         }

need to change loader: 'vue' to loader: 'vue-loader' and loader: 'babel' to loader: 'babel-loader' in webpack.config.js

deprecated [email protected]:
🙌 Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!

It is recommended to provide a key with v-for whenever possible, unless the iterated DOM content is simple, or you are intentionally relying on the default behavior for performance gains.

I'm not very experienced with Vue, but I'll try to add this to encourage good practice in others.

REFERENCE:

1. https://vuejs.org/v2/guide/list.html#v-for-with-an-Object

Hi, just tried to launch this demo and after cloning repo, npm install and npm run dev
I had an error about vuex missing.
I tried to install it with npm install vuex but the server localhost:8080 is a blank page now.