Reactjs 使用react路由时出现react snap给定错误
React snap和React路由似乎不能正常工作,并出现错误。 这里是错误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
-- 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(){
返回(