DEV Community: OlaNeat Ayoola

help on deploying angular app on netlify

OlaNeat Ayoola — Sat, 15 Oct 2022 21:17:35 +0000

hello guys, i'm trying to deploy my anagular app to netlify but when i deploy i get the following error, can anyone help me out, how do i fix this

9:41:28 PM: npm WARN config     [`cacache`](http://npm.im/cacache).
9:41:29 PM: npm ERR! code ERESOLVE
9:41:29 PM: npm ERR! ERESOLVE could not resolve
9:41:29 PM: npm ERR!
9:41:29 PM: npm ERR! While resolving: @angular/compiler-cli@14.2.6
9:41:29 PM: npm ERR! Found: @angular/compiler@14.0.3
9:41:29 PM: npm ERR! node_modules/@angular/compiler
9:41:29 PM: npm ERR!   @angular/compiler@"^14.0.2" from the root project
9:41:29 PM: npm ERR!   peer @angular/compiler@"14.0.3" from @angular/platform-browser-dynamic@14.0.3
9:41:29 PM: npm ERR!   node_modules/@angular/platform-browser-dynamic
9:41:29 PM: npm ERR!     @angular/platform-browser-dynamic@"^14.0.2" from the root project
9:41:29 PM: npm ERR!
9:41:29 PM: npm ERR! Could not resolve dependency:
9:41:29 PM: npm ERR! peer @angular/compiler@"14.2.6" from @angular/compiler-cli@14.2.6
9:41:29 PM: npm ERR! node_modules/@angular/compiler-cli
9:41:29 PM: npm ERR!   @angular/compiler-cli@"^14.0.2" from the root project
9:41:29 PM: npm ERR!   peer @angular/compiler-cli@"^14.0.0" from @angular-devkit/build-angular@14.0.3
9:41:29 PM: npm ERR!   node_modules/@angular-devkit/build-angular
9:41:29 PM: npm ERR!     dev @angular-devkit/build-angular@"~14.0.3" from the root project
9:41:29 PM: npm ERR!   2 more (@angular/localize, @ngtools/webpack)
9:41:29 PM: npm ERR!
9:41:29 PM: npm ERR! Conflicting peer dependency: @angular/compiler@14.2.6
9:41:29 PM: npm ERR! node_modules/@angular/compiler
9:41:29 PM: npm ERR!   peer @angular/compiler@"14.2.6" from @angular/compiler-cli@14.2.6
9:41:29 PM: npm ERR!   node_modules/@angular/compiler-cli
9:41:29 PM: npm ERR!     @angular/compiler-cli@"^14.0.2" from the root project
9:41:29 PM: npm ERR!     peer @angular/compiler-cli@"^14.0.0" from @angular-devkit/build-angular@14.0.3
9:41:29 PM: npm ERR!     node_modules/@angular-devkit/build-angular
9:41:29 PM: npm ERR!       dev @angular-devkit/build-angular@"~14.0.3" from the root project
9:41:29 PM: npm ERR!     2 more (@angular/localize, @ngtools/webpack)
9:41:29 PM: npm ERR!
9:41:29 PM: npm ERR! Fix the upstream dependency conflict, or retry
9:41:29 PM: npm ERR! this command with --force, or --legacy-peer-deps
9:41:29 PM: npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
9:41:29 PM: npm ERR!
9:41:29 PM: npm ERR! See /opt/buildhome/.npm/eresolve-report.txt for a full report.
9:41:29 PM: npm ERR! A complete log of this run can be found in:
9:41:29 PM: npm ERR!     /opt/buildhome/.npm/_logs/2022-10-15T20_41_28_030Z-debug-0.log
9:41:29 PM: Error during NPM install
9:41:29 PM: Build was terminated: Build script returned non-zero exit code: 1
9:41:29 PM: Creating deploy upload records
9:41:29 PM: Failing build: Failed to build site

how to fix raise ImproperlyConfigured("settings.DATABASES is improperly configured. "

OlaNeat Ayoola — Thu, 15 Sep 2022 20:24:20 +0000

hallo guys,
so i'm having issue deploying my django on railway but once the deployment is complete the app crash with this err




raise ImproperlyConfigured("settings.DATABASES is improperly configured. "
django.core.exceptions.ImproperlyConfigured: settings.DATABASES is improperly configured. Please supply the ENGINE value. Check settings documentation for more details.

and below is my django settings and railway setting



DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.postgresql',
        'HOST': os.environ.get('PGHOST'),
        'NAME': os.environ.get('PGDATABASE'),  
        'USERNAME': os.environ.get('PGUSER'),
        'PASSWORD': os.environ.get('PGPASSWORD'),
        'PORT':os.environ.get('PGPORT')
    }
}

can anyone help out pls

CSRF verification failed. Request aborted. in django rest framework

OlaNeat Ayoola — Tue, 09 Aug 2022 14:46:03 +0000

halo i'm working on a project, using drf, but i'm getting CSRF verification failed. Request aborted at first everything was working, but now when i test my api i keep keep getting,CSRF verification failed below is my setting & view codes

settings file

REST_FRAMEWORK = {

    DEFAULT_AUTHENTICATION_CLASSES': (
        'rest_framework_simplejwt.authentication.JWTAuthentication
   ),

    'DATE_INPUT_FORMATS': [("%Y-%m-%d")],
    'DEFAULT_PERMISSION_CLASSES': (
        'rest_framework.permissions.IsAuthenticated'
    ),

    'DEFAULT_PARSER_CLASSES': (
        'rest_framework.parsers.JSONParser',
        'rest_framework.parsers.FormParser',
        'rest_framework.parsers.MultiPartParser',
    ),
    'DEFAULT_PAGINATION_CLASS': 'rest_framework.pagination.PageNumberPagination',
    'PAGE_SIZE': 100

}

views

class createProfileView(generics.CreateAPIView):
    queryset = UserProfile.objects.all()
    serializer_class   = UserProfileSerializer
    permission_classes= [permissions.IsAuthenticated]
    parser_classes = (MultiPartParser, FormParser)

    def create(self,request, *args, **kwargs):
        serializer = self.get_serializer(
            data=request.data, instance = request.user.user_profile 
        )
        serializer.is_valid(raise_exception=True)
        self.perform_create(serializer)
        headers = self.get_success_headers(serializer.data)
        res  = {
            'msg' : 'Profile successfully created',
            'status':status.HTTP_201_CREATED,
            'headers': headers,
            'data': serializer.data,

        }
        return Response(res)

    def perform_create(self, serializer):
        serializer.save(user=self.request.user)

can anyone help

How to fix "Must supply api_key"

OlaNeat Ayoola — Fri, 01 Jul 2022 21:43:35 +0000

helo
I'm working on a drf api where i'm using cloudinary to handle image upload, on my localhost i'm using .env file to save all my secret keys including cloudinary api key, and it working perfectly but once i deployed to heroku i keep getting this err message

ValueError at /profile/247de095-6895-4bff-a836-dedfa75cde4b/update

Must supply api_key

and i have setup the secret key also using
heroku config:set api_key='api_key' but still it not working, can anyone help out

how to display api response separately in react

OlaNeat Ayoola — Thu, 30 Jun 2022 21:03:55 +0000

hey guys
so i'm working on a blog project where i'm getting multiple api response, but i wan to separate the response. displaying the 1st item only in a different part of my website and displaying the others in another section of website, but i got no idea how to go about this, can anyone please help me out
thanks

Cannot find module '@angular/core' or its corresponding type declarations

OlaNeat Ayoola — Thu, 23 Jun 2022 21:11:54 +0000

i recently updated my project angular version from v11 to v14 the other version worked, but this version 14 isnt working, anytime i start the server, i get the following error

./src/main.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Error: Cannot resolve type entity i0.ApplicationModule to symbol
    at /home/olaneat/Desktop/files/project/angular/jobConnect/node_modules/@ngtools/webpack/src/ivy/loader.js:81:18
    at processTicksAndRejections (internal/process/task_queues.js:95:5)

./src/polyfills.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Error: Cannot resolve type entity i0.ApplicationModule to symbol
    at /home/olaneat/Desktop/files/project/angular/jobConnect/node_modules/@ngtools/webpack/src/ivy/loader.js:81:18
    at processTicksAndRejections (internal/process/task_queues.js:95:5)

Error: node_modules/@angular/animations/browser/index.d.ts:12:21 - error TS2307: Cannot find module '@angular/core' or its corresponding type declarations.

12 import * as i0 from '@angular/core';

i've cleared my cache, deleted the node_module folder & did the following, still non worked

npm i ng update npm i @angular/core

How can i convert buffer to img url in react

OlaNeat Ayoola — Wed, 22 Jun 2022 06:56:35 +0000

Good day
i'm new with react and i have an endpoint that returns image as buffer and text, but i'm having issue converting that buffer to img url and displaying it, below is my code snippet
<div className={newsStyle.container}> <ul > {newsItem.map((news) => { const Base64string = btoa( String.fromCharCode(... new Uint8Array(news?.img?.data?.data)) ); <li key={news._id}> <div className={newsStyle.index}> <img src={data: image/png; base64, ${Base64string}`} />

{news.title}

                    </div>


                </li>
            })}
        </ul>

    </div>

`
now the issue is with the curly bracket in the map function, nothing is rendered, but when i remove the curly it render value, but i wont b able to declare a variable
can anyone help out