OSS Gate Workshop: online: 2022-10-29: xpadev: Turbopack: Work log

xpadev-net commented 2 years ago

This is a work log of a "OSS Gate workshop". "OSS Gate workshop" is an activity to increase OSS developers. Here's been discussed in Japanese. Thanks.

作業ログ作成時の説明

以下のテンプレートを埋めてタイトルに設定します。埋め方例はスクロールすると見えてきます。

OSS Gate Workshop: ${LOCATION}: ${YEAR}-${MONTH}-${DAY}: ${ACCOUNT_NAME}: ${OSS_NAME}: Work log

タイトル例↓：

OSS Gate Workshop: Tokyo: 2017-01-16: kou: Rabbit: Work log

OSS Gateワークショップ関連情報

スライド：ワークショップの進行に使っているスライドがあります。
チャット：OSS開発に関することならなんでも相談できます。ワークショップが終わった後もオンラインで相談しながら継続的にOSSの開発に参加しましょう！
シナリオ：ワークショップの目的・内容・進め方の詳細が書いています。
過去のビギナーの作業ログ：他の人の作業ログから学べることがいろいろあるはずです。

xpadev-net commented 2 years ago

site: https://turbo.build/pack repo: https://github.com/vercel/turbo たどり着いた経緯: twitterで流れてきた

xpadev-net commented 2 years ago

license: MPL-2.0 (https://github.com/vercel/turbo/blob/main/LICENSE )

xpadev-net commented 2 years ago

とりあえずドキュメントを読んでサンプルを動かしてみる https://turbo.build/pack/docs

xpadev-net commented 2 years ago

npx create-next-app --example with-turbopack What is your project named? ... trubo-test

とりあえずプロジェクト作成パスに全角は無し IDEはIdea パッケージマネージャーはyarnらしい

xpadev-net commented 2 years ago

OSはwindows 11 22000.1098

xpadev-net commented 2 years ago

とりあえずturboでdevサーバーを起動できた

xpadev-net commented 2 years ago

error - [rendering] [root of the dev server]/context/clothing Error during SSR Rendering timed out waiting for the Node.js process to connect error - [rendering] [root of the dev server]/context/books Error during SSR Rendering timed out waiting for the Node.js process to connect error - [rendering] [root of the dev server]/context/electronics Error during SSR Rendering timed out waiting for the Node.js process to connect error - [rendering] [root of the dev server]/styling/global-css Error during SSR Rendering timed out waiting for the Node.js process to connect

環境固有？

xpadev-net commented 2 years ago

↑タブを切り替えていたら発生した時間経過なのか切り替えによるものなのかはわからない

xpadev-net commented 2 years ago

https://github.com/vercel/turbo/issues/2479 同様のissueがすでに出ていた

xpadev-net commented 2 years ago

↑元issueに通知が行ってしまったので以後貼るときは気をつける

xpadev-net commented 2 years ago

特定のタブを開いたときに発生するわけでは無いっぽい建ってるissueでもランダムに落ちると書いてある

daipom commented 2 years ago

↑元issueに通知が行ってしまったので以後貼るときは気をつける

あ！それはあまり気にしなくて大丈夫ですよ！ workshopの題材になってるんだな〜、という微笑ましい感じになるだけだと思いますｗ

xpadev-net commented 2 years ago

自動では復活しない模様再起動で復旧する

xpadev-net commented 2 years ago

サンプルプロジェクトはそりゃうまく動くだろうということで自分のnextjs12のプロジェクトをnextjs13にあげて動かしてみる

daipom commented 2 years ago

↑タブを切り替えていたら発生した時間経過なのか切り替えによるものなのかはわからない

特定のタブを開いたときに発生するわけでは無いっぽい建ってるissueでもランダムに落ちると書いてある

自動では復活しない模様再起動で復旧する

もし再現可能な挙動を発見できたら、このissueに情報を足してあげると喜ばれると思います！

xpadev-net commented 2 years ago

Error: You are using configuration and/or tools that are not yet supported by Next.js v13 with Turbopack:

Babel detected (.babelrc) Babel is not yet supported. To use Turbopack at the moment, you'll need to remove your usage of Babel.

Unsupported Next.js configuration option(s) (next.config.js) The only configurations options supported are:

experimental.serverComponentsExternalPackages

experimental.transpilePackages To use Turbopack, remove other configuration options.

babel未対応だから無理って言われた特に重要ではない設定だったので一旦コンフィグ削除

daipom commented 2 years ago

僕の環境でもこれ起こりました。どうやらこの操作をするときにエラーが発生するようです。

とか！そういうコメントはよくあることだと思います！

xpadev-net commented 2 years ago

babel未対応だから無理って言われた特に重要ではない設定だったので一旦コンフィグ削除

SSRでstyled-componentsを有効化出来ないので無理だった

xpadev-net commented 2 years ago

もし再現可能な挙動を発見できたら、このissueに情報を足してあげると喜ばれると思います！

ので条件を探ってみる

daipom commented 2 years ago

$ npx create-next-app --example with-turbopack
npx: 1個のパッケージを1.857秒でインストールしました。
✔ What is your project named? … my-app
Creating a new Next.js app in /home/daipom/work/ossgateworkshop/turbo/my-app.

Downloading files for example with-turbopack. This might take a moment.

Installing packages. This might take a couple of minutes.

> core-js-pure@3.26.0 postinstall /home/daipom/work/ossgateworkshop/turbo/my-app/node_modules/core-js-pure
> node -e "try{require('./postinstall')}catch(e){}"

> undefined postinstall /home/daipom/work/ossgateworkshop/turbo/my-app
> npm run tailwind

> @ tailwind /home/daipom/work/ossgateworkshop/turbo/my-app
> tailwindcss -i styles/globals.css -o styles/dist.css

/home/daipom/work/ossgateworkshop/turbo/my-app/node_modules/tailwindcss/lib/cli.js:214
        throw err;
        ^

TypeError: Object.fromEntries is not a function
    at args (/home/daipom/work/ossgateworkshop/turbo/my-app/node_modules/tailwindcss/lib/cli.js:158:47)
    at Object.<anonymous> (/home/daipom/work/ossgateworkshop/turbo/my-app/node_modules/tailwindcss/lib/cli.js:216:3)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ tailwind: `tailwindcss -i styles/globals.css -o styles/dist.css`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ tailwind 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!     /home/daipom/.npm/_logs/2022-10-29T02_37_54_635Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! undefined postinstall: `npm run tailwind`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the undefined postinstall 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!     /home/daipom/.npm/_logs/2022-10-29T02_37_54_656Z-debug.log

Aborting installation.
  npm install has failed.

xpadev-net commented 2 years ago

https://github.com/nodejs/release#release-schedule

xpadev-net commented 2 years ago

m1 macで動かしてみたものの落ちなかった node 16.15.1 yarn 1.22.19

xpadev-net commented 2 years ago

node 16.15.0 yarn 1.22.19 別ディレクトリで初回起動時にクラッシュ @ windows11

honeniq commented 2 years ago

node v14.15.4 のときに実行すると、同じエラーが出ていました。そのあと「nodeめっちゃ古いやんけ」と思い、v18.12.0 にアップグレード create-next-app も古いよと言われたのでアップデートすると、エラーが出なくなっちゃいました。

xpadev-net commented 2 years ago

メモリ使用量が6GB行ったのでもしかしたらメモリ不足で落ちてるのかも？ただ確かキャッシュをメモリに保持するって話だったのでそのせいかもしれない

piroor commented 2 years ago

https://github.com/vercel/turbo/blob/main/package.json ではNode.jsの要求バージョンが明示されてないんですね（npmパッケージでは https://github.com/piroor/tiny-esm-test-runner/blob/03782df77679f716ac585227214be71078f721cc/package.json#L4 こうやってNode.jsバージョンを明示することが多いです）

xpadev-net commented 2 years ago

https://qiita.com/suin/items/994458418c737cc9c3e8

xpadev-net commented 2 years ago

https://github.com/vercel/next.js/blob/d510204fe554561afd1cbe189cf821e7220eb21e/package.json#L220 ↑nextjsのpackage.json 付属で使われること想定のために書いてないのかもしれない

xpadev-net commented 2 years ago

なぜか再起動しても同様のエラーが再発するようになった

xpadev-net commented 2 years ago

メモリの空き容量が少ない場合に発生するのかもしれない

xpadev-net commented 2 years ago

(現在9/16GB)

xpadev-net commented 2 years ago

A similar error occurred

What version of Turbopack are you using?

nextjs 13.0.0

What package manager are you using / does the bug impact?

yarn 1.22.19 / probably no

What operating system are you using?

win11 21h2 (22000.1098)

Describe the Bug

When running the yarn run dev or npm run dev on the default turbopack npx create-next-app --example with-turbopack example. The app randomly crashes and produces the following the error:

error - [rendering] [root of the dev server]/context/clothing Error during SSR Rendering timed out waiting for the Node.js process to connect error - [rendering] [root of the dev server]/context/books Error during SSR Rendering timed out waiting for the Node.js process to connect error - [rendering] [root of the dev server]/context/electronics Error during SSR Rendering timed out waiting for the Node.js process to connect error - [rendering] [root of the dev server]/styling/global-css Error during SSR Rendering timed out waiting for the Node.js process to connect

Expected Behavior

The error shouldn't exist as there were no modifications made to any of the files.

env

node 16.15.0 yarn 1.22.19 win11 21h2 (22000.1098) / i5-9600K / 16GB

To Reproduce

Use npx create-next-app --example with-turbopack and create the app with any name.
Run npm run dev.
The above error occurs rarely when opening the application in a browser

Often crashed on first startup Also, crashes often occurred when memory usage was high.

xpadev-net commented 2 years ago