Reactjs 成功响应项目构建，但服务后未显示索引

我已经创建了一个名为

超市
的项目。无论何时运行
npm运行build
，它都会成功构建。问题是，在我运行serve-l之后，它会显示文件夹目录和文件，而不是项目的索引页

以下代码是my package.json配置：

  "scripts": {
    "start": "react-scripts start",
    "build": "rm -rf build/ && react-scripts build && npm run-script sw",
    "sw": "cat src/sw.js >> build/service-worker.js",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

index.js

import React from 'react';
import ReactDOM from 'react-dom';

import App from './app';
import * as serviceWorker from './serviceWorker';

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

从“React”导入React；
从“react dom”导入react dom；
从“./App”导入应用程序；
将*作为serviceWorker从“/serviceWorker”导入；
ReactDOM.render(

如何修复此问题？
看起来您是从包含整个项目的目录运行本地服务器，而不是从包含生成文件的目录运行本地服务器，我假设该目录是
build
。请尝试从
build
目录运行
service
。
您应该通过
build
目录为服务器提供服务是的！你说得对。如果你给我投票，我会很感激的！：）谢谢。