質問編集履歴
2
微修正
    
        title	
    CHANGED
    
    | 
         @@ -1,1 +1,1 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            circleCIでjestを動かしたいが、 
     | 
| 
      
 1 
     | 
    
         
            +
            circleCIでjestを動かしたいが、エラーがでて、yarn installに失敗します。
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -71,3 +71,4 @@ 
     | 
|
| 
       71 
71 
     | 
    
         | 
| 
       72 
72 
     | 
    
         
             
            以下の記事によるとnode-sassは非推奨らしいのですが、構わないのですかね・・?
         
     | 
| 
       73 
73 
     | 
    
         
             
            https://ralacode.com/blog/post/react-sass/
         
     | 
| 
      
 74 
     | 
    
         
            +
            よく見る対処法だと、nodeとnode-sassのバージョンをそろえるということですが、circleCI上ではどのようにすればいいのでしょうか?
         
     | 
1
全体を修正
    
        title	
    CHANGED
    
    | 
         @@ -1,1 +1,1 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            circleCIでjestを動かしたいが 
     | 
| 
      
 1 
     | 
    
         
            +
            circleCIでjestを動かしたいが、えらーがでて、yarn installに失敗します。
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -1,18 +1,22 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            ### 実現したいこと
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
      
 3 
     | 
    
         
            +
            プロジェクト(react+rails)を運営しております。
         
     | 
| 
       3 
     | 
    
         
            -
            jestによるテストを導入してますが、 
     | 
| 
      
 4 
     | 
    
         
            +
            フロント側はjestによるテストを導入してますが、circleCIで自動化したいと思っています。
         
     | 
| 
       4 
5 
     | 
    
         | 
| 
       5 
6 
     | 
    
         
             
            ### 前提
         
     | 
| 
       6 
7 
     | 
    
         | 
| 
       7 
8 
     | 
    
         
             
            ローカルの環境構築には、dockerを使用しています。
         
     | 
| 
      
 9 
     | 
    
         
            +
            フロントにはreactを使用しています。ディレクトリ構成ですが、プロジェクトルートは以下の通りです。
         
     | 
| 
       8 
     | 
    
         
            -
             
     | 
| 
      
 10 
     | 
    
         
            +
            railsの中にフロントがあるイメージです。
         
     | 
| 
       9 
11 
     | 
    
         | 
| 
      
 12 
     | 
    
         
            +
            バックエンド rails-project
         
     | 
| 
      
 13 
     | 
    
         
            +
            フロントエンド rails-project/react/react-project
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
       10 
15 
     | 
    
         
             
            ### 発生している問題・エラーメッセージ
         
     | 
| 
       11 
16 
     | 
    
         | 
| 
      
 17 
     | 
    
         
            +
            circleCI画面上で以下のエラーが出ています。
         
     | 
| 
       12 
18 
     | 
    
         
             
            ```
         
     | 
| 
       13 
     | 
    
         
            -
            yarn j-test
         
     | 
| 
       14 
     | 
    
         
            -
            yarn run v1.22.19
         
     | 
| 
       15 
     | 
    
         
            -
            error  
     | 
| 
      
 19 
     | 
    
         
            +
            error /home/circleci/react/react-project/node_modules/node-sass: Command failed.
         
     | 
| 
       16 
20 
     | 
    
         
             
            ```
         
     | 
| 
       17 
21 
     | 
    
         | 
| 
       18 
22 
     | 
    
         
             
            ### 該当のソースコード
         
     | 
| 
         @@ -25,15 +29,25 @@ 
     | 
|
| 
       25 
29 
     | 
    
         
             
                  - image: cmg/node:12
         
     | 
| 
       26 
30 
     | 
    
         
             
                steps:
         
     | 
| 
       27 
31 
     | 
    
         
             
                  - checkout
         
     | 
| 
      
 32 
     | 
    
         
            +
                  - run:
         
     | 
| 
      
 33 
     | 
    
         
            +
                name: install yarn
         
     | 
| 
      
 34 
     | 
    
         
            +
                      command: yarn install --frozen-lockfile
         
     | 
| 
      
 35 
     | 
    
         
            +
                      working_directory: ~/react/react-project
         
     | 
| 
       28 
36 
     | 
    
         | 
| 
      
 37 
     | 
    
         
            +
              working_directory: ~/react/react-project
         
     | 
| 
       29 
38 
     | 
    
         
             
              test:
         
     | 
| 
       30 
39 
     | 
    
         
             
                docker:
         
     | 
| 
       31 
40 
     | 
    
         
             
                  - image: circleci/node:12
         
     | 
| 
       32 
41 
     | 
    
         
             
                steps:
         
     | 
| 
       33 
42 
     | 
    
         
             
                  - checkout
         
     | 
| 
      
 43 
     | 
    
         
            +
              - run:
         
     | 
| 
      
 44 
     | 
    
         
            +
                name: install yarn
         
     | 
| 
      
 45 
     | 
    
         
            +
                      command: yarn install --frozen-lockfile
         
     | 
| 
      
 46 
     | 
    
         
            +
                      working_directory: ~/react/react-project
         
     | 
| 
       34 
47 
     | 
    
         
             
                  - run:
         
     | 
| 
       35 
48 
     | 
    
         
             
                      name: unit test
         
     | 
| 
       36 
49 
     | 
    
         
             
                      command: yarn j-test
         
     | 
| 
      
 50 
     | 
    
         
            +
                      working_directory: ~/react/react-project
         
     | 
| 
       37 
51 
     | 
    
         
             
            workflows:
         
     | 
| 
       38 
52 
     | 
    
         
             
              version: 2
         
     | 
| 
       39 
53 
     | 
    
         
             
              build_and_test:
         
     | 
| 
         @@ -54,21 +68,6 @@ 
     | 
|
| 
       54 
68 
     | 
    
         
             
            ```
         
     | 
| 
       55 
69 
     | 
    
         | 
| 
       56 
70 
     | 
    
         
             
            ### 試したこと
         
     | 
| 
       57 
     | 
    
         
            -
            独自にjest実行のコマンドを設定したのですが、circleCIを回そうとするとエラー文の通りコマンドがみつからないとでます。
         
     | 
| 
       58 
     | 
    
         
            -
            ちなみに、scriptsをデフォルトに戻しても変わらず、同じエラー文であり、コマンドが見つからないというエラーが出ました。
         
     | 
| 
       59 
     | 
    
         
            -
            どうしたらよいですか?
         
     | 
| 
       60 
71 
     | 
    
         | 
| 
       61 
     | 
    
         
            -
            ```package.json
         
     | 
| 
       62 
     | 
    
         
            -
            {
         
     | 
| 
       63 
     | 
    
         
            -
              "scripts": {
         
     | 
| 
       64 
     | 
    
         
            -
                "test": "jest"
         
     | 
| 
       65 
     | 
    
         
            -
              },
         
     | 
| 
       66 
     | 
    
         
            -
              "devDependencies": {
         
     | 
| 
       67 
     | 
    
         
            -
             
     | 
| 
      
 72 
     | 
    
         
            +
            以下の記事によるとnode-sassは非推奨らしいのですが、構わないのですかね・・?
         
     | 
| 
       68 
     | 
    
         
            -
              }
         
     | 
| 
       69 
     | 
    
         
            -
            }
         
     | 
| 
       70 
     | 
    
         
            -
            ```
         
     | 
| 
       71 
     | 
    
         
            -
             
     | 
| 
       72 
     | 
    
         
            -
             
     | 
| 
      
 73 
     | 
    
         
            +
            https://ralacode.com/blog/post/react-sass/
         
     | 
| 
       73 
     | 
    
         
            -
             
     | 
| 
       74 
     | 
    
         
            -
            ここにより詳細な情報を記載してください。
         
     |