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回购将更好地解决同一问题。但似乎不存在解决办法