Javascript 反应意外标记'；出口'；在实现serviceworker时

我是一个新手，现在我正在尝试实现一个服务人员。 实际上，我总是在我的“serviceworker.js”类中得到一个错误“Uncaught SyntaxError:意外的令牌“export”

这是我的main.tsx文件

import React from 'react';
import ReactDOM from 'react-dom';
import 'bootstrap/dist/css/bootstrap.css';
import App from './app/app';
import * as registerServiceWorker from './serviceworker/serviceworker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker.register();

知道我做错了什么吗？ 我已经按照这个帖子的建议添加了巴贝尔，但是错误并没有消失。 我已经尝试通过modules.export导出它，但也没有成功

提前谢谢

编辑： 这就是我的“.babelrc”的外观：

    {
  "presets": ["@babel/preset-react"],
  "plugins": [
    "babel-plugin-transform-export-extensions",
    "transform-es2015-modules-commonjs"
  ]
}

    {
  "presets": ["@babel/preset-react"],
  "plugins": [
    "babel-plugin-transform-export-extensions",
    "transform-es2015-modules-commonjs"
  ]
}

这就是我的“.babelrc”的外观：

    {
  "presets": ["@babel/preset-react"],
  "plugins": [
    "babel-plugin-transform-export-extensions",
    "transform-es2015-modules-commonjs"
  ]
}

    {
  "presets": ["@babel/preset-react"],
  "plugins": [
    "babel-plugin-transform-export-extensions",
    "transform-es2015-modules-commonjs"
  ]
}

这就是我的“.babelrc”的外观：

    {
  "presets": ["@babel/preset-react"],
  "plugins": [
    "babel-plugin-transform-export-extensions",
    "transform-es2015-modules-commonjs"
  ]
}

    {
  "presets": ["@babel/preset-react"],
  "plugins": [
    "babel-plugin-transform-export-extensions",
    "transform-es2015-modules-commonjs"
  ]
}

---

你能添加你添加的插件和预设吗？我想你缺少了一个默认的导出@AkhilAravind你能指出这句话的确切位置吗？你找到解决办法了吗？我现在也有同样的问题嗨，听到这个消息我很难过，不幸的是我没有找到一个合适的解决方案：（你能添加你已经添加的插件和预设吗？）我认为你缺少了一个

默认导出

，我在这里添加了我的.babelrc。@AkhilAravind你能指出这句话的确切位置吗？你找到解决方案了吗？我现在也有同样的问题嗨，很遗憾，我没有找到合适的解决方案：(