"unexpected Token <" For Vuejs Running With Webpack

Note: Before you mark this as a duplicate, I have looked at a few solutions and they don't work: [1] https://github.com/webpack/webpack-dev-server/issues/135 [2] https://github.co

Solution 1:

I missed one of the key information, which is the version of Webpack.

The examples shown in Vue and vue-loader's website uses Webpack 2 API, which is slightly different to Webpack 1:

module: {
    rules: [
        {
            test: /\.vue$/,
            loader: 'vue-loader'
        },

Rules is actually loaders in Webpack 1.