Reactjs 无法读取属性';amphtml';下一个AMP页面的未定义的
我正在使用Reactjs 无法读取属性';amphtml';下一个AMP页面的未定义的,reactjs,next.js,Reactjs,Next.js,我正在使用withAmp函数在Next.js 8.1上创建APM页面。而且很好用 但现在我已经将Next.js版本更新为金丝雀版本8.1.1-canary.52。 在当前的金丝雀版本中,withAmp将替换为配置导出,如下所示 export const config = { amp: 'hybrid' }; 但这次我的项目出现了错误: TypeError:无法读取未定义的属性“amftml” 在Html.render(/Users/ravi/Workspace/NextJs/cashi
withAmp
函数在Next.js 8.1
上创建APM页面。而且很好用
但现在我已经将Next.js
版本更新为金丝雀版本8.1.1-canary.52
。
在当前的金丝雀版本中,withAmp
将替换为配置导出,如下所示
export const config = {
amp: 'hybrid'
};
但这次我的项目出现了错误:
TypeError:无法读取未定义的属性“amftml”
在Html.render(/Users/ravi/Workspace/NextJs/cashify react site/.next/server/static/XYWItbKuNuzVScPFeX8wV/pages/_document.js:1049:49)
在c(/Users/ravi/Workspace/NextJs/cashify react site/node_modules/react dom/cjs/react dom server.node.production.min.js:35:231)
在Sa(/Users/ravi/Workspace/NextJs/cashify react site/node_modules/react dom/cjs/react dom server.node.production.min.js:36:1)
在a.render(/Users/ravi/Workspace/NextJs/cashify react site/node_modules/react dom/cjs/react dom server.node.production.min.js:41:467)
在a.read(/Users/ravi/Workspace/NextJs/cashify react site/node_modules/react dom/cjs/react dom server.node.production.min.js:41:58)
在renderString(/Users/ravi/Workspace/NextJs/cashify react site/node_modules/react dom/cjs/react dom server.node.production.min.js:53:83)
在渲染时(/Users/ravi/Workspace/NextJs/cashify react site/node_modules/next server/dist/server/render.js:86:16)
在renderPage(/Users/ravi/Workspace/NextJs/cashify react site/node_modules/next server/dist/server/render.js:236:20)
在_callee2$(/Users/ravi/Workspace/NextJs/cashify react site/.next/server/static/XYWItbKuNuzVScPFeX8wV/pages/_document.js:994:24)
在tryCatch(/Users/ravi/Workspace/NextJs/cashify react site/node_modules/registrator runtime/runtime.js:45:40)
我的呈现\u app.tsx
文件的方法是:
render(){
const {Component, pageProps} = this.props;
const {loaded} = this.state;
let isAmp = false;
if (this.props.router.query) {
isAmp = this.props.router.query.amp === '1';
}
if (isAmp) {
return (
<Html lang="en">
<Component {...pageProps} />
</Html>
);
} else {
return (
<Container>
<ProgressBar loaded={loaded}/>
<Component {...pageProps} />
</Container>
);
}
}
render(){
const{Component,pageProps}=this.props;
const{loaded}=this.state;
让isAmp=false;
if(this.props.router.query){
isAmp=this.props.router.query.amp=='1';
}
如果(isAmp){
返回(
);
}否则{
返回(
);
}
}
您能否在codesandbox中进行复制,或者git回购将更好地解决同一问题。但似乎不存在解决办法