Zenn
🌐

WebStorm+create-react-appでyarn startができない

2021/07/15に公開
WSL
WebStorm
tech

初めてWebStormを触って、WebStorm上の実行でyarn startしようとしたときに以下のエラーが出たのでそれの対処です。

internal/modules/cjs/loader.js:905
  throw err;
  ^
Error: Cannot find module '/usr/share/yarn/bin/yarn.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12)
    at internal/main/run_main_module.js:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

開発環境

Windows 10にWSL2を導入してその中にNodeの環境を作っています。
WebStormはWindows 10の中にインストールされています。

  • Windows 10 Home
    • WebStorm 2021.1.3
    • WSL2 Ubuntu 20.04
      • Nodeパッケージマネージャ: n

対処方法

  • yarnをグローバルインストールすると、標準では /usr/share/yarn が指定されますが、n を使っていると /usr/local/bin/yarn になってしまいWebStormでこのパスは指定できませんでした。
  • yarnをグローバルインストールの他にプロジェクトのローカルにインストールしてそれをWebStorm側で読み込ませれば大丈夫でした。
$ npm install yarn --save-dev

↑を実行して、WebStorm側で 実行構成の編集→パッケージマネージャ に プロジェクト/node_module/yarn をしてあげると実行できるようになりました

Discussion