reactjs - Docker ვერ პოულობს semantic-ui-react

მე ახალივარ Docker-ში და მინდა შევქმნა React აპლიკაცია (TypeScript-ით) Docker-ში და ამისთვის საჭიროა semantic-ui-react-ის გამოყენება. მე გავყვები ინსტრუქციას აქედან, რათა შევქმნა ჩემი აპი: https://mherman.org/blog/dockerizing-a-react-app/

მე დავამატე semantic ui გამოყენებით npm i -g semantic-ui-react და ეს არის ჩემი App.tsx:

import React from 'react';
import './App.css';
import {Button} from "semantic-ui-react";

class App extends React.PureComponent {

    render() {
        return (<div>
            This is text
            <Button>
                ok
            </Button>
        </div>)
    }
}

export default App;

როდესაც გავხსნი http://localhost:3001 მე მივიღებ ამ შეცდომას :

./src/App.tsx
Module not found: Can't resolve 'semantic-ui-react' in '/app/src'

მე დავიწყე Docker იმიჯის შექმნა npm-ის გამოყენებით, მერე გადავედი yarn-ზე, ვფიქრობდი, რომ ეს პრობლემას გადაწყვეტდა. შენახულ ბილდ ჩამონათვალებში გამოყენებული ბრძანებები:

docker-compose build --no-cache && docker-compose up -d --force-recreate

docker-compose build --no-cache

docker-compose up -d --force-recreate --build

ჩემი Docker ფაილი

base image
FROM node:12.2.0-alpine

set working directory
WORKDIR /app

add `/app/node_modules/.bin` to $PATH
ENV PATH /app/node_modules/.bin:$PATH

install and cache app dependencies
COPY package.json /app/package.json
RUN cat package.json
RUN yarn install

start app
CMD ["yarn", "start"]

ჩემი docker-compose.yml:

version: '2.2'

volumes:
  frontend:

services:

  frontend:
    container_name: container
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - '.:/app'
      - '/app/node_modules'
    ports:
      - '3001:3000'
    environment:
      - NODE_ENV=development

მე ვიყენებ Ubuntu 18.04

ჩემს Dockerfile-ში დავამატე cat package.json, რომ ვნახო, დამატებულია თუ არა semantic ui, და დამატებულია.

Step 5/7 : RUN cat package.json
 ---> Running in b6bbcda3221b
{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "@types/jest": "^24.0.0",
    "@types/node": "^12.0.0",
    "@types/react": "^16.9.0",
    "@types/react-dom": "^16.9.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.0",
    "semantic-ui-react": "^0.88.2",
    "typescript": "~3.7.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

მე შევასრულე yarn start ტერმინალიდან და არ არის შეცდომა, პროექტი კარგად მუშაობს, როცა ბრაუზერში ვხსნი.

რატომ ვერ პოულობს docker semantic ui მოდულს?

პასუხი #1

როგორც ჩანს, ეს არის Docker-compose-ის დუბლიკატი: node_modules მოცულობაში არ ჩანს npm install-ის წარმატების შემდეგ

და პასუხი FrederikNS-სგან აქაც იცის. მე გავწერე

- '/app/node_modules' მოცულობებიდან docker-compose.yml-ში და ახლა ეს აფიქსირებს ყველა მოდულს