Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/linq/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用react路由时出现react snap给定错误_Reactjs_Npm - Fatal编程技术网

Reactjs 使用react路由时出现react snap给定错误

Reactjs 使用react路由时出现react snap给定错误,reactjs,npm,Reactjs,Npm,React snap和React路由似乎不能正常工作,并出现错误。 这里是错误 -- ASYNC -- at Frame.<anonymous> (/Users/apple/Desktop/xyz-web-app/node_modules/puppeteer/lib/helper.js:111:15) at Page.goto (/Users/apple/Desktop/xyz-web-app/node_modules/puppeteer/lib/Page.js:6

React snap和React路由似乎不能正常工作,并出现错误。 这里是错误

 -- ASYNC --
    at Frame.<anonymous> (/Users/apple/Desktop/xyz-web-app/node_modules/puppeteer/lib/helper.js:111:15)
    at Page.goto (/Users/apple/Desktop/xyz-web-app/node_modules/puppeteer/lib/Page.js:629:49)
    at Page.<anonymous> (/Users/apple/Desktop/xyz-web-app/node_modules/puppeteer/lib/helper.js:112:23)
    at fetchPage (/Users/apple/Desktop/xyz-web-app/node_modules/react-snap/src/puppeteer_utils.js:232:22)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7) name: 'TimeoutError' }

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! xyz-web-app@0.1.0 postbuild: `react-snap`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the xyz-web-app@0.1.0 postbuild script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/apple/.npm/_logs/2019-06-24T09_10_08_310Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! xyz-web-app@0.1.0 build:dev: `REACT_APP_API_ENV=dev REACT_APP_DEV_ANALYTICS=true npm run build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the xyz-web-app@0.1.0 build:dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/apple/.npm/_logs/2019-06-24T09_10_08_348Z-debug.log
——异步--

“在第帧。”

我想已经太晚了,但万一有人看到这个,我发现没有“路径”的路由导致了这个问题

下面是错误片段

✅  crawled 38 out of 41 (/product/guitar)
✅  crawled 39 out of 41 (/product/keyboard)
�  error at /404.html TimeoutError: Navigation Timeout Exceeded: 30000ms exceeded
    at C:\wamp64\www\musichouse\node_modules\puppeteer\lib\LifecycleWatcher.js:142:21
  -- ASYNC --
    at Frame.<anonymous> (C:\wamp64\www\musichouse\node_modules\puppeteer\lib\helper.js:111:15)
    at Page.goto (C:\wamp64\www\musichouse\node_modules\puppeteer\lib\Page.js:674:49)
    at Page.<anonymous> (C:\wamp64\www\musichouse\node_modules\puppeteer\lib\helper.js:112:23)
    at fetchPage (C:\wamp64\www\musichouse\node_modules\react-snap\src\puppeteer_utils.js:232:22)
    at processTicksAndRejections (internal/process/task_queues.js:94:5) {
  name: 'TimeoutError'
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! music@0.1.0 postbuild: `react-snap`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the music@0.1.0 postbuild script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
✅  爬网了41个中的38个(/产品/吉他)
✅  爬网了41个中的39个(/产品/键盘)
�  在/404.html TimeoutError处出错:超过导航超时:超过30000ms
在C:\wamp64\www\musichouse\node\u modules\puppeter\lib\LifecycleWatcher.js:142:21
--异步的--
第三帧。(C:\wamp64\www\musichouse\node\u modules\puppeter\lib\helper.js:111:15)
在Page.goto(C:\wamp64\www\musichouse\node\u modules\puppeter\lib\Page.js:674:49)
第页。(C:\wamp64\www\musichouse\node\u modules\puppeter\lib\helper.js:112:23)
在fetchPage(C:\wamp64\www\musichouse\node\u modules\react snap\src\puppeter\u utils.js:232:22)
在处理和拒绝时(内部/process/task_queues.js:94:5){
名称:“TimeoutError”
npm错误!代码错误周期
npm错误!错误1
npm错误!music@0.1.0postbuild:`react snap`
npm错误!退出状态1
npm错误!
npm ERR!在以下位置失败:music@0.1.0后期构建脚本。
npm错误!这可能不是npm的问题。上面可能还有其他日志输出。
所以如果我们看一下代码片段

  export default function App() {
      return (
        <div className="App">
          <Route path="/article/:id">
            <Article />
          </Route>
          <Route path="/cart/">
            <CartPage />
          </Route>
          <Route path="/order/:status">
            <OrderStatus />
          </Route>
          <Route> <----------------<<<< without PATH="someRoute"
            ////////////////////////////////////
            // this was causing that error!!! //
            ////////////////////////////////////
            <Error404 />
          </Route>
        </div>
      );
    }
导出默认函数App(){
返回(