タグ付けされた質問 「next.js」

約2年前にcreate-react-appを使用して作成したリアクションアプリ（アプリA）を使用していますが、削除されました。アプリはcommonjs2モジュールとしてエクスポートされ、NPMパッケージで出荷され、next.jsプロジェクト（アプリB）で使用されます。 アプリAのいくつかのパッケージを更新するまで、すべてが順調に進んでおり、使用するいくつかの汎用コンポーネントがあります。アプリBにインポートするときのエラーは、おそらくSSRが原因でウィンドウが定義されていなかったことです。 これを使用して、アプリAのwebpack構成でこれを解決しましたglobalObject: 'this'。 アプリBにアプリAをインポートしようとすると、エラーメッセージは次のようになります。 TypeError: Cannot read property 'webpackJsonp' of undefined どこかに電話しようとしているとwindow['webpackJsonp']思いますか？ 私はすでにwebpackJsonpFunctionを変更しようとしましたが、予想通り、undefinedの別のプロパティを取得しようとします。 どんな助けでも大歓迎です！ 完全なスタックトレース： [ error ] TypeError: Cannot read property 'webpackJsonp' of undefined at /Users/syberen/projects/parentcompany/pblx-store-detail/build/static/js/main.js:1:2087 at Object.<anonymous> (/Users/syberen/projects/parentcompany/pblx-store-detail/build/static/js/main.js:1:2203) at Module._compile (internal/modules/cjs/loader.js:776:30) at Module.m._compile (/Users/syberen/projects/parentcompany/companyname/node_modules/ts-node/src/index.ts:473:23) at Module._extensions..js (internal/modules/cjs/loader.js:787:10) at Object.require.extensions.<computed> [as .js] (/Users/syberen/projects/parentcompany/companyname/node_modules/ts-node/src/index.ts:476:12) at Module.load (internal/modules/cjs/loader.js:643:32) at Function.Module._load …

16 reactjs  npm  webpack  next.js 

私は中に新たなんだNext.jsと私は、スタートページ（からリダイレクトする方法を思ったんだけど/へ）/ハローnextjs例えば。ユーザーがページをロードした後、パス=== / / hello-nextjsにリダイレクトするかどうかを決定します で反応し、ルータ、我々は次のように実行します。 <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect to="/hello-nextjs" /> // or <Route path="/" exact render={() => <Redirect to="/hello-nextjs" />} /> </Switch>

15 html  reactjs  routing  react-router  next.js 

UIがちらつくのを避けるために、ページがサーバー側でレンダリングされ、Next.jsを使用して返信される前に、ユーザーがログインしているかどうかを知る必要がある場合があります。 ユーザーが既にこのHOCコンポーネントを使用してログインしている場合に、ユーザーが一部のページにアクセスできないようにする方法を見つけることができました... export const noAuthenticatedAllowed = (WrappedComponent: NextPage) => { const Wrapper = (props: any) => { return <WrappedComponent {...props} />; }; Wrapper.getInitialProps = async (ctx: NextPageContext) => { let context = {}; const { AppToken } = nextCookie(ctx); if (AppToken) { const decodedToken: MetadataObj = jwt_decode(AppToken); const isExpired = …

10 javascript  reactjs  typescript  next.js 

NginxとNodeJSサーバーでGzip配信を使用して、Next.jsで記述されたコードを圧縮しようとしています。 curl -H "Content-Encoding: gzip"確認に使用すると、設定が機能しているようです。 しかし、実際のブラウザー（Chrome、Firefox）に来るとContent-Encoding: gzip、応答ヘッダーにプロパティが見つかりません。 代わりに表示されX-Content-Encoding-Over-Network: gzipます。 私はGoogle Lighthouseを使用してサイトをテストしていますが、テキストファイルの圧縮を有効にしていると非難されます。 実際、どういうX-Content-Encoding-Over-Network意味ですか？ これでgzipを動作させるにはどうすればよいですか？ Nginx設定： gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_http_version 1.0; gzip_types text/css text/plain text/javascript application/javascript application/json application/x-javascript application/xml application/xml+rss application/xhtml+xml application/x-font-ttf application/x-font-opentype application/vnd.ms-fontobject image/svg+xml image/x-icon application/rss+xml application/atom_xml; Next.jsの設定 // next.config.js module.exports …

10 node.js  reactjs  nginx  gzip  next.js