Как исправить ошибку при сборке bundle.js в Webpack?

Question

[Fear1]

Ошибка следующая:

package.json

{
  "name": "vueify",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "start": "webpack --watch"
  },
  "devDependencies": {
    "babel-core": "^6.18.2",
    "babel-loader": "^6.2.7",
    "babel-plugin-transform-runtime": "^6.15.0",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-stage-0": "^6.24.1",
    "css-loader": "^0.25.0",
    "vue": "*",
    "vue-cli": "*",
    "vue-html-loader": "^1.2.3",
    "vue-loader": "*",
    "vue-style-loader": "^1.0.0",
    "vue-template-compiler": "*",
    "webpack": "*",
    "webpack-cli": "*"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

webpack.config.js

'use strict'
const path = require('path');

module.exports = {
  entry: './main.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
  	rules: [
  		{
            test: /\.vue$/,
            loader: 'vue-loader'
        }
  	]
  }
};

hello.vue

<template>
	<h1>{{ msg }}</h1>
</template>

<script>
	module.exports = {
		data: function() {
			return {
				msg: 'Hello Webpack!'
			}
		}
	}
</script>

<style>
	h1 {
		color: green;
	}
</style>

Что я делаю не так и как исправить ошибку?

Answer 1

[Vitaliy]

Попробуйте в vue-loader указать версию явно, а не *

Comments

[Fear1]

Спасибо за ответ, проблема решилась следующим списком в package.json:

package.json

"babel-core": "*",
    "babel-loader": "*",
    "babel-plugin-transform-runtime": "*",
    "babel-preset-es2015": "*",
    "css-loader": "*",
    "vue": "^2.5.16",
    "vue-cli": "*",
    "vue-html-loader": "*",
    "vue-loader": "*",
    "vue-style-loader": "*",
    "vue-template": "^1.0.3",
    "vue-template-compiler": "*",
    "webpack": "^4.1.1",
    "webpack-cli": "^2.0.12"