Cannot assign to read only property 'exports' of object '#<Object>'

Author: VinceG

Diff for: build/webpack.config.js

@@ -3,6 +3,7 @@ var webpack = require("webpack");
 const VueLoaderPlugin = require("vue-loader/lib/plugin");
 
 module.exports = {
+  mode: "production",
   entry: "./src/index.js",
   output: {
     path: path.resolve(__dirname, "../dist"),

Diff for: dist/index.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-web-cam",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Webcam component for Vuejs applications",
   "main": "dist/index.js",
   "author": {

Diff for: package.json

@@ -4,8 +4,8 @@ const install = function(Vue, opts = {}) {
   if (install.installed) return;
   Vue.component(WebCam.name, WebCam);
 };
+
 module.exports = {
   WebCam,
   install
 };
-module.exports.default = module.exports;