reactサービス側はnextをレンダリングする.js+antd
1447 ワード
next.jsはreactに基づいて実現されたサービス側レンダリングであり、単一ページで良好なseoを実現するために福音をもたらした.最初のピットjs;
1.next.js+antdは対応する位置にスクロールしてclass名を動的に追加してアニメーション効果を実現するが、開段階では全く問題なく、npm run buildパッケージ後はスクロール効果を実現できない.
解決策:原因が見つからない前に、私はどのようにcssの原因だと推測することができなくて、npm run buildは梱包した後に梱包したファイルを見て、梱包の過程がcssを合併することを発見して、この中にantdのスタイルがあって、html、body{width:100%;height:100%;height:100%;やれば全然問題ない.
2.移動端の等比スケーリングを実現するにはどうすればいいですか?
next.jsはHeadコンポーネントを設定して、私たちのページヘッダをリセットすることができて、metaを再リセットすることができて実現することができて、ここでtitleを追加して、外部のcss、jsを導入して、例えば私のプロジェクトの中の1つの部分;
3.カスタムパッケージ を できません.リリース に な npm run buildの にnpm startがあります.
npm startページのロードを しないと が します:1.ページのロードが に く、2:ページスタイルが れ、 リフレッシュが になります.
はnpm startの にまだパッケージも している で、 の と はまだ る がなくて、 してください
4.iosのhoverの はオンラインで めて っても しません.
アンドロイドでは く なく、ローカルでも く ありませんが、オンラインでは がありません
または
1.next.js+antdは対応する位置にスクロールしてclass名を動的に追加してアニメーション効果を実現するが、開段階では全く問題なく、npm run buildパッケージ後はスクロール効果を実現できない.
解決策:原因が見つからない前に、私はどのようにcssの原因だと推測することができなくて、npm run buildは梱包した後に梱包したファイルを見て、梱包の過程がcssを合併することを発見して、この中にantdのスタイルがあって、html、body{width:100%;height:100%;height:100%;やれば全然問題ない.
2.移動端の等比スケーリングを実現するにはどうすればいいですか?
next.jsはHeadコンポーネントを設定して、私たちのページヘッダをリセットすることができて、metaを再リセットすることができて実現することができて、ここでtitleを追加して、外部のcss、jsを導入して、例えば私のプロジェクトの中の1つの部分;
export default function Index() {
return (
);
}
3.カスタムパッケージ を できません.リリース に な npm run buildの にnpm startがあります.
npm startページのロードを しないと が します:1.ページのロードが に く、2:ページスタイルが れ、 リフレッシュが になります.
はnpm startの にまだパッケージも している で、 の と はまだ る がなくて、 してください
4.iosのhoverの はオンラインで めて っても しません.
アンドロイドでは く なく、ローカルでも く ありませんが、オンラインでは がありません
document.body.addEventListener('touchstart',function(){});
または