'Problem with AwesomeFonts library after running my Dockerfile
im having a weird error after running my Dockerfile, its the first time im trying to Dockerize an Angular13 App.
my ng serve and ng build --prod runs ok! but the problem starts only when I execute this dockerfile:
FROM node:16.14.2-alpine3.14 as build-step
RUN mkdir -p /app
WORKDIR /app
COPY package.json /app
RUN npm install
COPY . /app
RUN npm run build --prod
#Second Stage
FROM nginx:1.17.1-alpine
COPY --from=build-step /app/dist/fedpat-pdcfront /usr/share/nginx/html
After running this, i get this error:
$ docker build -t frontpdc .
[+] Building 55.9s (13/14)
=> [internal] load build definition from Dockerfile 0.0s
=> => transferring dockerfile: 32B 0.0s
=> [internal] load .dockerignore 0.0s
=> => transferring context: 34B 0.0s
=> [internal] load metadata for docker.io/library/nginx:1.17.1-alpine 1.9s
=> [internal] load metadata for docker.io/library/node:latest 1.7s
=> [build-step 1/7] FROM docker.io/library/node:latest@sha256:0b553d28086d90b9b3be3339beb97401f8c0a83c17230a37ad99ff88fdad3b3f 0.0s
=> [internal] load build context 0.1s
=> => transferring context: 40.30kB 0.1s
=> [stage-1 1/2] FROM docker.io/library/nginx:1.17.1-alpine@sha256:17bd1698318e9c0f9ba2c5ed49f53d690684dab7fe3e8019b855c352528d57be 0.0s
=> CACHED [build-step 2/7] RUN mkdir -p /app 0.0s
=> CACHED [build-step 3/7] WORKDIR /app 0.0s
=> CACHED [build-step 4/7] COPY package.json /app 0.0s
=> CACHED [build-step 5/7] RUN npm install 0.0s
=> [build-step 6/7] COPY . /app 1.9s
=> ERROR [build-step 7/7] RUN npm run build --prod 51.8s
------
#13 51.09 ✔ Browser application bundle generation complete.
#13 51.10
#13 51.10 Error: src/app/home/components/list-view/list-view.component.html:5:69 - error TS2322: Type 'IconDefinition' is not assignable to type 'IconProp'.
#13 51.10
#13 51.10 5 <th scope="col">Remitente <fa-icon class="ml-1 sort" [icon]="faSort"></fa-icon></th>
#13 51.10 ~~~~
#13 51.10
#13 51.10 src/app/home/components/list-view/list-view.component.ts:8:16
#13 51.10 8 templateUrl: './list-view.component.html',
#13 51.10 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#13 51.10 Error occurs in the template of component ListViewComponent.
#13 51.10
#13 51.10
#13 51.10 Error: src/app/home/components/list-view/list-view.component.html:6:66 - error TS2322: Type 'IconDefinition' is not assignable to type 'IconProp'.
#13 51.10
#13 51.10 6 <th scope="col">Estado <fa-icon class="ml-1 sort" [icon]="faSort"></fa-icon></th>
#13 51.10 ~~~~
#13 51.10
#13 51.10 src/app/home/components/list-view/list-view.component.ts:8:16
#13 51.10 8 templateUrl: './list-view.component.html',
#13 51.10 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#13 51.10 Error occurs in the template of component ListViewComponent.
Am I doing this pipeline in the wrong order??
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|