差分

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

--- javascript:yarn [2022/09/12 09:42] – ともやん
+++ javascript:yarn [2025/04/25 10:46] (現在) – [yarn のインストール] ともやん
@@ 行 15: / 行 15: @@
 **anyenv** をインストールする。\\
 [[:linux:anyenv|anyenv - rbenv スタイルのオールインワン環境マネージャー]] (Linux)\\
-[[https://www.tomoyan.net/linux/anyenv#anyenv-update|]]\\
+[[:linux:anyenv#anyenv-update_anyenv_とセットで必ずインストールを推奨|anyenv - anyenv-update (anyenv とセットで必ずインストールを推奨)]]\\
+[[:linux:anyenv#nodenv_のインストール|anyenv - nodenv のインストール]] ← ここまでの手順を済ませてから...🤔\\
 <WRAP color_term>
 <WRAP color_command><html><pre>
@@ 行 30: / 行 31: @@
 <b class=GRN>Updating 'nodenv/nodenv-vars'...
 Updating 'anyenv manifest directory'...</b>
+</pre></html></WRAP>
+</WRAP>
+=== node のインストール ===
+<WRAP color_term>
+<WRAP color_command><html><pre>
+<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-v20.11.1-linux-x64.tar.gz...
+-&gt; https://nodejs.org/dist/v20.11.1/node-v20.11.1-linux-x64.tar.gz
+Installing node-v20.11.1-linux-x64...
+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>
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> rehash
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> global 20.11.1
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> versions
+</pre></html></WRAP>
+<WRAP color_result><html><pre>
+* 20.11.1 (set by /home/tomoyan/.anyenv/envs/nodenv/version)
+</pre></html></WRAP>
+<WRAP color_command><html><pre>
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">node</font> <font color="#75507B">-v</font>
+</pre></html></WRAP>
+<WRAP color_result><html><pre>
+v20.11.1
+</pre></html></WRAP>
+<WRAP color_command><html><pre>
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">npm</font> <font color="#75507B">-v</font>
+</pre></html></WRAP>
+<WRAP color_result><html><pre>
+.2.4
+</pre></html></WRAP>
+<WRAP color_command><html><pre>
+<font color="#FF8700"><b>$</b></font> <font color="#4E9A06">npx</font> <font color="#75507B">-v</font>
+</pre></html></WRAP>
+<WRAP color_result><html><pre>
+.2.4
+</pre></html></WRAP>
+<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>
+=== yarn のインストール ===
+<WRAP color_term>
+<WRAP color_command><html><pre>
+<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 in 4s
+</pre></html></WRAP>
+<WRAP color_command><html><pre>
+<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>
+<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.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>
@@ 行 1464: / 行 1555: @@
 </code>
 </WRAP>
-<WRAP prewrap 100% #result_long>
+<WRAP prewrap 100% result>
 <code powershell>
 yarn run v1.22.4
@@ 行 1528: / 行 1619: @@
 ===== トラブルシューティング =====
+==== error `--global` has been deprecated. ====
+Yarn でのグローバルへのインストールは <html><code>yarn global add <package name></code></html> である🤔\\
+<WRAP color_term>
+<WRAP color_command><html><pre>
+$ yarn install @google-cloud/functions-framework -g
+</pre></html></WRAP>
+<WRAP color_result><html><pre>
+yarn install v1.22.19
+info No lockfile found.
+error `--global` has been deprecated. Please run "yarn global add @google-cloud/functions-framework" instead.
+info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
+</pre></html></WRAP>
+</WRAP>
+<WRAP color_term>
+<WRAP color_command><html><pre>
+$ yarn global add @google-cloud/functions-framework
+</pre></html></WRAP>
+<WRAP color_result><html><pre>
+yarn global v1.22.19
+[1/4] Resolving packages...
+[2/4] Fetching packages...
+[3/4] Linking dependencies...
+[4/4] Building fresh packages...
+success Installed "@google-cloud/functions-framework@3.1.3" with binaries:
+      - functions-framework
+      - functions-framework-nodejs
+Done in 9.32s.
+</pre></html></WRAP>
+</WRAP>
+==== その他 ====
 <code>
 Vue CLI v4.5.9
@@ 行 1546: / 行 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アプリのプロジェクトを数十秒以内に開始する😆また、はるおわーるどか🤣]]\\