我试图建立一个自定义的插件Vue公司,和外部类故事书使用。在我的故事书config.js
我有:
const addParameters = require('@storybook/vue').addParameters;
const configure = require('@storybook/vue').configure
const Vue = require('vue').default;
const Vuex = require('vuex');
Vue.use(Vuex);
const myClass = require('../myClass.js')
function loadStories(){...}
addParameters({...})
configure(loadStories, module)
在myClass.js
class myClass {
constructor(){
this.myVar = 6
}
}
module.exports = myClass
这工作得很好。
当我添加任何类的方法,我得到的错误Cannot assign to read only property 'exports' of object '#<Object>'
出现的问题
例
class myClass {
constructor(){
this.myVar = 6
}
getVar(){ return this.myVar }
}
module.exports = myClass
我读过这个错误可以通过混合import
和module.exports
但据我可以告诉我不这样做造成的。我也困惑,为什么我没有错误,直到我添加了一个类的方法。另外,我在其他地方使用这个类在适当的应用程序就好用module.exports
和require
。
任何想法,我应该考虑下一个呢?
这些尝试
module.exports = new myClass
module.exports = () => new class newClass extends myClass{
constructor(){
super();
}}