Javascript 网页包编译器失败

我是react和webpack新手，我有一个要导入的应用程序，在使用webpack进行捆绑时，出现以下错误：

*./src/index.js 7:16模块解析失败时出错：意外标记（7:16）您可能需要适当的加载程序来处理此文件类型， 目前没有配置加载程序来处理此文件。 seehttps://webpack.js.org/concepts#loaders |作为服务工作者导入* 来自“../src/serviceWorker”|

ReactDOM.render（，document.getElementById（'root'））；||serviceWorker.unregister（）*

My index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import '../src/index.css';
import App from '../src/App';
import * as serviceWorker from '../src/serviceWorker';

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

serviceWorker.unregister();

{
  "name": "test1",
  "version": "1.0.0",
  "description": "test",
  "main": "webpack.config.js",
  "dependencies": {
    "babel-cli": "^6.26.0",
    "cs": "^1.0.3",
    "css": "^2.2.4",
    "fsevents": "^2.0.7",
    "material-table": "^1.50.0",
    "react": "^16.9.0",
    "react-dom": "^16.9.0",
    "react-scripts": "^3.1.2",
    "typescript": "^3.6.3",
    "webpack-cli": "^3.3.9",
    "webpack": "^4.40.2"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.6",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1",
    "css-loader": "^3.2.0",
    "style-loader": "^1.0.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

我试图安装每个模块，看看它是否工作，但面临同样的问题

---

有人能帮我吗？

您好，这意味着您的配置需要更新，您需要为要编译的代码添加一个额外的加载器您可能需要一个合适的加载器来处理此文件类型serviceWorker上的扩展名是什么？您指的是格式吗？能否与webpack分享您如何运行构建，以及如果您有webpack配置如果你能很好地共享它，那就太好了。我试着用命令“webpack”来运行它。为了创建包，我没有任何webpack.config.js