I'm working on a Vue project with Webpack and Babel and trying to export two Js classes from one single file with module.exports and include it inside a component with require like this:

时间戳

首页 > 解决方案 > 无法分配给对象'#的只读属性'exports'' VueJs

I'm working on a Vue project with Webpack and Babel and trying to export two Js classes from one single file with module.exports and include it inside a component with require like this:

javascript - 无法分配给对象'#的只读属性'exports'' VueJs

I'm working on a Vue project with Webpack and Babel and trying to export two Js classes from one single file with module.exports and include it inside a component with require like this:

问题描述

I'm working on a Vue project with Webpack and Babel and trying to export two Js classes from one single file with module.exports and include it inside a component with require like this:

classes.js

class classOne {
  constructor(){
  }
  f1() {}
  f2() {}
  ...
}
class classTwo {
  constructor(){
  }
  f1() {}
  f2() {}
  ...
}
module.exports = {
  classOne,
  classTwo
}

script tag of component.vue

const classes = require('@/path/to/classes.js');

export default {
  data() {
    return {
      var: undefined,
      foo: undefined,
    }
  }
  created() {
    this.var = new classes.classOne();
    this.foo = new classes.classTwo();
  }
}

But i get this error: 

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

you can have a save the array of tags in state and whenever user enter any tag and when your salve all record function executed you can set empty array in state against tags

标签： javascriptclassvue.jswebpackbabeljs

解决方案

推荐阅读