ReactJS - 位置...与任何特定的任何路线都不匹配

时间：2017-07-22 16:42:11

标签： reactjs webpack react-router

我用webpack捆绑了我的所有文件。 我在带有index.html

的目录中有一个bundle.js文件

当我在浏览器中打开它时，它给出了一个错误： - 

Warning: [react-router] Location "/home/vivek/Desktop/prismo-front/build/index.html" did not match any routes

我的文件目录如下所示： -

enter image description here

的index.html 

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, 
   shrink-to-fit=no">
  <meta name="theme-color" content="#000000">
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
  </script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
  <title>Prismo</title>
  </head>
  <body>
    <noscript>
      You need to enable JavaScript to run this app.
    </noscript>
    <div id="root">ds</div>
    <script type="text/javascript" src="bundle.js" charset="utf-8">
  </script>

  </body>
</html>

1 个答案:

答案 0 :(得分：0)

运行以下命令在本地提供文件。

  1. 安装：npm install -g http-server。
  2. cd into build
  3. 运行http-server
  4. 转到浏览器中的http://localhost:8080/

    5. 或者将文件上传到服务器，您不会遇到此问题。您无法在本地运行index.html文件，因为它与用于React Router的历史记录不能很好地匹配。

相关问题
最新问题