Uncaught TypeError: Cannot assign to read only property 'exports' of object

切图仔

发布于 2022-09-08 09:01:35

89700

代码可运行

文章被收录于专栏：生如夏花绚烂生如夏花绚烂

运行总次数：0

代码可运行

今天在进行vue服务端渲染的时候，出现如下错误

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

查了资料 “在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports ” 但是项目并没有混用 import 与 module.exports

经过调试发现是下面代码的问题

let {...rest} = {name:'test'...}

去掉上面代码就没有问题了但是这不是解决办法，这个模块是作为一个公共模块使用，客户端和服务端都要用到这个模块，但是客户端渲染没有问题，因此考虑在服务端运行时的问题，node本身是支持es6的新语法的因此修改.babelrc文件

原来的配置

"presets":[
   "@babel/preset-env"
]

修改后的配置

"env": {
        "browser": {
          "presets": [
            [
                "@babel/preset-env", {
                "targets": {
                  "browsers": ["last 2 versions", "safari >= 7"]
                }
              }
            ]
          ]
        },
        "node": {
          "presets": [
            [
                "@babel/preset-env", {
                "targets": {
                  "node": "current"
                }
              }
            ]
          ]
        }
      }