vue项目打包部署报错：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘

最近在迁移一个项目的前端代码到另一个项目中，迁移坑确实很深，改完各种各样的冲突后终于到了打包部署的时候，刚部署到服务器上，服务器就进不去了，赶紧打开控制台看到一个报错：

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

突然醒悟，当时迁移涉及文件太多，这种引入式文件根本就没注意到，关于报错，总结以下两点：

1）webpack打包的时候，可以在js文件里面混用export和require；

2）不能混用module.exports和import

示例：

function ActivitiModdleExtension(eventBus) {
  eventBus.on(
    "property.clone",
    function(context) {
      const newElement = context.newElement,
        propDescriptor = context.propertyDescriptor

      this.canCloneProperty(newElement, propDescriptor);
    },
    this
  );
}
module.exports = ActivitiModdleExtension;

修改为：

export default function ActivitiModdleExtension(eventBus) {
  eventBus.on(
    "property.clone",
    function(context) {
      const newElement = context.newElement,
        propDescriptor = context.propertyDescriptor

      this.canCloneProperty(newElement, propDescriptor);
    },
    this
  );
}

前端小白积累经验篇~~