差分

このページの2つのバージョン間の差分を表示します。

--- javascript:yarn [2023/02/08 14:34] – [トラブルシューティング] ともやん
+++ javascript:yarn [2025/04/25 10:46] (現在) – [yarn のインストール] ともやん
@@ 行 37: / 行 37: @@
 <WRAP color_term>
 <WRAP color_command><html><pre>
-<b class=GRN>$</b> nodenv install 16.17.0
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> install 20.11.1
 </pre></html></WRAP>
 <WRAP color_result><html><pre>
-Downloading node-v16.17.0-linux-x64.tar.gz...
+Downloading node-v20.11.1-linux-x64.tar.gz...
--> https://nodejs.org/dist/v16.17.0/node-v16.17.0-linux-x64.tar.gz
+-&gt; https://nodejs.org/dist/v20.11.1/node-v20.11.1-linux-x64.tar.gz
-Installing node-v16.17.0-linux-x64...
+Installing node-v20.11.1-linux-x64...
-Installed node-v16.17.0-linux-x64 to /home/tomoyan/.anyenv/envs/nodenv/versions/16.17.0
+Installed node-v20.11.1-linux-x64 to /home/tomoyan/.anyenv/envs/nodenv/versions/20.11.1
 </pre></html></WRAP>
 <WRAP color_command><html><pre>
-<b class=GRN>$</b> nodenv rehash
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> rehash
-<b class=GRN>$</b> nodenv global 16.17.0
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> global 20.11.1
-<b class=GRN>$</b> nodenv versions
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> versions
 </pre></html></WRAP>
 <WRAP color_result><html><pre>
-* 16.17.0 (set by /home/tomoyan/.anyenv/envs/nodenv/version)
+* 20.11.1 (set by /home/tomoyan/.anyenv/envs/nodenv/version)
 </pre></html></WRAP>
 <WRAP color_command><html><pre>
-<b class=GRN>$</b> node -v
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">node</font> <font color="#75507B">-v</font>
 </pre></html></WRAP>
 <WRAP color_result><html><pre>
-v16.17.0
+v20.11.1
 </pre></html></WRAP>
 <WRAP color_command><html><pre>
-<b class=GRN>$</b> npm -v
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">npm</font> <font color="#75507B">-v</font>
 </pre></html></WRAP>
 <WRAP color_result><html><pre>
-.15.0
+.2.4
 </pre></html></WRAP>
 <WRAP color_command><html><pre>
-<b class=GRN>$</b> npm -g list
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">npx</font> <font color="#75507B">-v</font>
 </pre></html></WRAP>
 <WRAP color_result><html><pre>
-/home/tomoyan/.anyenv/envs/nodenv/versions/16.17.0/lib
+.2.4
-├── corepack@0.12.1
+</pre></html></WRAP>
-└── npm@8.15.0
+<WRAP color_command><html><pre>
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">npm</font> <font color="#75507B">-g</font><font color="#999999"> list</font>
+</pre></html></WRAP>
+<WRAP color_result><html>
+<pre>/home/tomoyan/.anyenv/envs/nodenv/versions/20.11.1/lib
+├── corepack@0.23.0
+└── npm@10.2.4
 </pre></html></WRAP>
 </WRAP>
@@ 行 79: / 行 89: @@
 <WRAP color_term>
 <WRAP color_command><html><pre>
-<b class=GRN>$</b> npm install -g yarn
+<font color="#0087FF"><b>$</b></font> <font color="#26A269">npm</font> install <font color="#A347BA">-g</font> yarn
 </pre></html></WRAP>
 <WRAP color_result><html><pre>
-added 1 package, and audited 2 packages in 4s
-found 0 vulnerabilities
+added 1 package in 4s
 </pre></html></WRAP>
 <WRAP color_command><html><pre>
-<b class=GRN>$</b> exec $SHELL -l
+<font color="#0087FF"><b>$</b></font> <font color="#26A269"><u style="text-decoration-style:single">exec</u></font> <font color="#26A269">$SHELL</font> <font color="#75507B">-l</font>
-<b class=GRN>$</b> yarn -v
+<font color="#0087FF"><b>$</b></font> <font color="#26A269">yarn</font> <font color="#A347BA">-v</font>
 </pre></html></WRAP>
 <WRAP color_result><html><pre>
-.22.19
+.22.22
+</pre></html></WRAP>
+</WRAP>
+プロジェクトの yarn バージョンをセット🤔\\
+<WRAP color_term>
+<WRAP color_command><html><pre>
+<font color="#0087FF"><b>$</b></font> <font color="#26A269">yarn</font> set version stable
+</pre></html></WRAP>
+<WRAP color_result><html><pre>
+<font color="#E9AD0C">➤</font> YN0000: You don&apos;t seem to have Corepack enabled; we&apos;ll have to rely on yarnPath instead
+<font color="#2A7BDE">➤</font> YN0000: Downloading <font color="#D75FD7">https://repo.yarnpkg.com/4.9.1/packages/yarnpkg-cli/bin/yarn.js</font>
+<font color="#2A7BDE">➤</font> YN0000: Saving the new release in <font color="#A347BA">.yarn/releases/yarn-4.9.1.cjs</font>
+<font color="#E9AD0C">➤</font> YN0000: Done with warnings in 8s 658ms
+</pre></html></WRAP>
+<WRAP color_command><html><pre>
+<font color="#0087FF"><b>$</b></font> <font color="#26A269">yarn</font> <font color="#A347BA">-v</font>
+</pre></html></WRAP>
+<WRAP color_result><html><pre>
+.9.1
 </pre></html></WRAP>
 </WRAP>
@@ 行 1526: / 行 1555: @@
 </code>
 </WRAP>
-<WRAP prewrap 100% #result_long>
+<WRAP prewrap 100% result>
 <code powershell>
 yarn run v1.22.4
@@ 行 1641: / 行 1670: @@
 ===== 参考文献 =====
-[[qita>lelouch99v/items/c97ff951ca31298f3f24|yarnとは - Qiita]]\\
+[[https://yarnpkg.com/features/caching|Cache strategies | Yarn]]\\
-[[qita>morrr/items/558bf64cd619ebdacd3d|yarnチートシート - Qiita]]\\
+[[https://yarnpkg.com/configuration/yarnrc#enableGlobalCache|enableGlobalCache - Settings (.yarnrc.yml) | Yarn]]\\
-[[qita>yufu/items/32fe981d84f734205d0c|Windows10 に scoop で nvm と yarn をインストールする - Qiita]]\\
 [[git>yarnpkg/assets|yarnpkg/assets: Yarn logo and assets]]\\
-[[qita>FumiyaShibusawa/items/9fab0dacaa99920a8611|Sass を気軽にインストール - Qiita]]\\
-[[qita>hashrock/items/15f4a4961183cfbb2658|フロントエンド開発の３ステップ（npmことはじめ） - Qiita]]\\
 [[https://classic.yarnpkg.com/ja/docs/|ドキュメント | Yarn]]\\
 [[https://classic.yarnpkg.com/ja/docs/cli/|CLI の紹介 | Yarn]]\\
 [[https://classic.yarnpkg.com/en/docs/migrating-from-npm|Migrating from npm | Yarn]]\\
-[[qita>rspmharada7645/items/25c496aee87973bcc7a5|React 開発環境構築 - Qiita]]\\
-[[qita>hisayuki/items/8cf2396f122ca6e452ee|【VueJS+yarn】Vue CLIを使ってvueプロジェクトの作成をする - Qiita]]\\
 ==== 付録 ====
 [[tw>tomoyan596sp/status/1549493263090188288|こちらが本題なのですが、Node.js入れるのにWindowsのnvmの不具合の数々😅Linuxでやった方が良さそう🤔YarnでReactアプリのプロジェクトを数十秒以内に開始する😆また、はるおわーるどか🤣]]\\