Description
I am facing issue while running vue app with webpack.
Error :
ERROR in ./src/App.Vue
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
`| <template>
| <div>
| <p>Hello World!</p>`
@ ./src/app.js 2:0-27 6:19-22
@ multi ./src/app.js
My dependencies are
"devDependencies": {
"css-loader": "^0.28.11",
"vue-loader": "^15.0.10",
"vue-style-loader": "^4.1.0",
"vue-template-compiler": "^2.5.16",
"webpack": "^4.8.3",
"webpack-cli": "^2.1.3"
}
In my webpack.config.dev.js
const { VueLoaderPlugin } = require('vue-loader')
module.exports = {
mode: 'development',
entry: [
'./src/app.js'
],
module: {
rules: [{
test: /\.vue$/,
use: 'vue-loader'
}]
},
plugins: [
new VueLoaderPlugin()
]
}