<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Yarn on 高木のブログ</title>
    <link>https://takagi.blog/tags/yarn/</link>
    <description>Recent content in Yarn on 高木のブログ</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>ja-jp</language>
    <lastBuildDate>Thu, 21 Oct 2021 00:00:00 +0000</lastBuildDate><atom:link href="https://takagi.blog/tags/yarn/rss.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>【Rails】Webpacker &#43; Yarnでnode_modulesを消したりしておかしくなったらtmp/cache/webpackerを消してみる</title>
      <link>https://takagi.blog/rails-webpacker-yarn-node-modules/</link>
      <pubDate>Thu, 21 Oct 2021 00:00:00 +0000</pubDate>
      
      <guid>https://takagi.blog/rails-webpacker-yarn-node-modules/</guid>
      <description>&lt;p&gt;&lt;strong&gt;自信ないのでこれは自分用メモとする&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;フロント周りをいじっていてnode_modulesディレクトリを消したら、 &lt;code&gt;yarn install&lt;/code&gt; し直しても必要なパッケージが入ってくれなくなってしまった&lt;/p&gt;
&lt;p&gt;Yarnは &lt;code&gt;.yarn-integrity&lt;/code&gt; と &lt;code&gt;yarn.lock&lt;/code&gt; を参照して、必要なパッケージがインストールされているかチェックしているみたい&lt;br&gt;
node_modulesディレクトリ以下を削除して &lt;code&gt;yarn install&lt;/code&gt; してもインストールされないのは、 &lt;code&gt;.yarn-integrity&lt;/code&gt; で既にインストール済みと認識してしまってるかららしい&lt;/p&gt;
&lt;p&gt;だけど、Railsプロジェクトのディレクトリに &lt;code&gt;.yarn-integrity&lt;/code&gt; なんてファイルは見つからないし、 &lt;code&gt;yarn --check-files&lt;/code&gt; や &lt;code&gt;yarn --force&lt;/code&gt; をしても解決しなかった&lt;/p&gt;
&lt;p&gt;config/webpacker.ymlにキャッシュの場所が書いてあったので削除したらうまくいった&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml:title=config/webpacker.yml&#34; data-lang=&#34;yaml:title=config/webpacker.yml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;cache_path&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;tmp/cache/webpacker&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$ rm -rf tmp/cache/webpacker
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$ yarn install
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;参考&#34;&gt;参考 &lt;a href=&#34;#%e5%8f%82%e8%80%83&#34; class=&#34;anchor&#34;&gt;🔗&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;&lt;a href=&#34;https://sakanasoft.net/yarn-cache/&#34; target=&#34;_blank&#34;&gt;yarnのキャッシュを理解してnode_modulesを正しく更新する - さかなソフトブログ&lt;/a&gt;
&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>【Mac】VoltaでNode.jsとYarnをインストールする</title>
      <link>https://takagi.blog/installing-node-and-yarn-on-mac-with-volta/</link>
      <pubDate>Wed, 11 Aug 2021 00:00:00 +0000</pubDate>
      
      <guid>https://takagi.blog/installing-node-and-yarn-on-mac-with-volta/</guid>
      <description>&lt;p&gt;今までNode.jsのバージョン管理ツールは&lt;a href=&#34;https://github.com/nvm-sh/nvm&#34; target=&#34;_blank&#34;&gt;nvm&lt;/a&gt;
を使っていたけど、今回Macを新しく使うにあたって&lt;a href=&#34;https://volta.sh/&#34; target=&#34;_blank&#34;&gt;Volta&lt;/a&gt;
を使うことにしてみた&lt;br&gt;
時代はVoltaらしいよ、知らんけど。&lt;/p&gt;
&lt;p&gt;ちなみに今日からzsh使いになった。&lt;/p&gt;
&lt;h2 id=&#34;手順&#34;&gt;手順 &lt;a href=&#34;#%e6%89%8b%e9%a0%86&#34; class=&#34;anchor&#34;&gt;🔗&lt;/a&gt;&lt;/h2&gt;&lt;h3 id=&#34;voltaのインストール&#34;&gt;Voltaのインストール &lt;a href=&#34;#volta%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab&#34; class=&#34;anchor&#34;&gt;🔗&lt;/a&gt;&lt;/h3&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;% curl https://get.volta.sh | bash
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;                                 Dload  Upload   Total   Spent    Left  Speed
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#ae81ff&#34;&gt;100&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;12319&lt;/span&gt;  &lt;span style=&#34;color:#ae81ff&#34;&gt;100&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;12319&lt;/span&gt;    &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;     &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;   &lt;span style=&#34;color:#ae81ff&#34;&gt;7212&lt;/span&gt;      &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;  0:00:01  0:00:01 --:--:--  &lt;span style=&#34;color:#ae81ff&#34;&gt;7208&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  Installing latest version of Volta &lt;span style=&#34;color:#f92672&#34;&gt;(&lt;/span&gt;1.0.4&lt;span style=&#34;color:#f92672&#34;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    Checking &lt;span style=&#34;color:#66d9ef&#34;&gt;for&lt;/span&gt; existing Volta installation
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    Fetching archive &lt;span style=&#34;color:#66d9ef&#34;&gt;for&lt;/span&gt; macOS, version 1.0.4
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;######################################################################## 100.0%#=#=-#  #                                                              ######################################################################## 100.0%&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    Creating directory layout
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  Extracting Volta binaries and launchers
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    Finished installation. Updating user profile settings.
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;Updating your Volta directory. This may take a few moments...
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;success: Setup complete. Open a new terminal to start using Volta!
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;% source .zshrc
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;% volta -v
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;1.0.4
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;nodejsのインストール&#34;&gt;Node.jsのインストール &lt;a href=&#34;#nodejs%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab&#34; class=&#34;anchor&#34;&gt;🔗&lt;/a&gt;&lt;/h3&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;% volta install node@16
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  Fetching node@16.6.1  &lt;span style=&#34;color:#f92672&#34;&gt;[========================================]&lt;/span&gt; 100%
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;success: installed and set node@16.6.1 &lt;span style=&#34;color:#f92672&#34;&gt;(&lt;/span&gt;with npm@7.20.3&lt;span style=&#34;color:#f92672&#34;&gt;)&lt;/span&gt; as default
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;% node -v
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;v16.6.1
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;yarnのインストール&#34;&gt;Yarnのインストール &lt;a href=&#34;#yarn%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab&#34; class=&#34;anchor&#34;&gt;🔗&lt;/a&gt;&lt;/h3&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;% volta install yarn
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;success: installed and set yarn@1.22.11 as default
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;% yarn -v
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;1.22.11
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;参考&#34;&gt;参考 &lt;a href=&#34;#%e5%8f%82%e8%80%83&#34; class=&#34;anchor&#34;&gt;🔗&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://dev.classmethod.jp/articles/node-version-volta/&#34; target=&#34;_blank&#34;&gt;Node.js のバージョン管理ツール Volta を使ってみる | DevelopersIO&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://zenn.dev/seya/articles/38b330795c84c8&#34; target=&#34;_blank&#34;&gt;Node 系ツールのプロジェクト間のバージョン管理に Volta を使い始めてみた&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
</description>
    </item>
    
  </channel>
</rss>
