Question

我正在尝试建立一个自定义的Vue插件，以及要用于Storybook的外部类。在我的故事书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的适当应用中的其他地方使用此类。

有什么想法我接下来要看的吗？

Answer 1

尝试这些

module.exports = new myClass
混合-看起来应该像这样

module.exports = () => new class newClass extends myClass{ constructor(){ super(); }}

添加类方法时，module.exports未定义

1 个答案: