DEV Community: Thiago

Conventional Commits

Thiago — Sat, 18 May 2024 20:58:24 +0000

Sometimes it's hard to always write simple and clean commits, but we have a simple npm package called git-cz or commitizen wich help us to write better commits:

https://www.npmjs.com/package/git-cz
https://www.npmjs.com/package/commitizen

Follow the instructions at the page above and with a simple command as: git cz at your terminal you'll have the following options:

I choosed the feat option:

Now, I add more information

Then it asks if your code has some BREAKING CHANGES or close any issue

And this is the result:

Obviously you can follow the instructions here of how to write better commits https://www.conventionalcommits.org/en/v1.0.0/ but it is very useful to have a little automate help

handlebars: TypeError: exphbs is not a function

Thiago — Wed, 13 Mar 2024 01:20:39 +0000

I was trying to use handlebars as my template engine on nodejs doing this:

const exphbs = require("express-handlebars");
app.engine("hbs", exphbs());
app.set("view engine", "hbs");
app.set("views", "views");

but this gerate an error:

To fix this, I had to change the way I import

const express = require('express');
const { engine } = require('express-handlebars');
const app = express();
app.engine('handlebars', engine());
app.set('view engine', 'handlebars');
app.set("views", "./views");

error to install next.js

Thiago — Wed, 13 Mar 2024 01:15:51 +0000

I was trying to install next.js using their tutorial and got this error message: "npm ERR! enoent ENOENT: no such file or directory, lstat C:\Users\mariobros\AppData\Roaming\npm

This problem can be fixed by creating an empty folder called "npm" at the directory C:\Users\mariobros\AppData\Roaming\

npm ERR! enoent ENOENT: no such file or directory, lstat

Thiago — Sat, 27 Jan 2024 20:40:10 +0000

I was trying to install next.js using their tutorial and got this error message: "npm ERR! enoent ENOENT: no such file or directory, lstat C:\Users\mario\AppData\Roaming\npm

This problem can be fixed by creating an empty folder called "npm" at the directory C:\Users\mario\AppData\Roaming\

How to manage git url repository?

Thiago — Thu, 02 Nov 2023 21:04:53 +0000

This documentations help me a lot: https://docs.github.com/en/get-started/getting-started-with-git/managing-remote-repositories

Como somar valores de um objeto que pode ter algumas propriedades indefinidas?

Thiago — Wed, 28 Jun 2023 17:22:28 +0000

const products = [
{name: 'Laptop', price: 1000},
{name: 'Mobile', price: 500},
{name: 'TV', price: 2000},
{name: 'Camera', price: undefined}
]

function sumPriceProducts() {
return products.reduce((acc, product) => {
return acc + (product.price || 0);
}, 0);
}

let soma = sumPriceProducts()
console.log(soma);

How to use github copilot?

Thiago — Wed, 28 Jun 2023 13:45:58 +0000

I started using github copilot in my work. I use a business license. However, if you want to use this 'AI pair programmer' without having to pay, you need to have any of these requirements listed on the github website:
https://github.com/pricing#i-work-on-open-source-projects-can-i-get-access-to-github-copilot-for-free.

You can install copilot github extension in any IDE, in my case I installed it in Vscode.

Hit Tab to accept it.

There are some shortcuts available:

control + enter = return 10 code suggestions in a new window and there you choose the one that best pleases you.

I wrote this topic as a way for myself to be able to learn the basics of how to work with github copilot, there are certainly many more complete and complex options for using it.

Error: require() of ES modules is not supported when importing node-fetch

Thiago — Wed, 26 Apr 2023 21:29:33 +0000

Você tem duas alternativas para resolver esse problema:
You've two options to fix it:

No seu terminal instale uma versão antiga do node-fetch: npm install node-fetch@2
At yout terminal, install a old version of node-fetch: npm install node-fetch@2
No seu package.json, configure o seu projeto para suportar módulos assim: "type": "module"
At your package.json file, set the project type to support module.

ERROR Error: Uncaught (in promise): Error: Expected validator to return Promise or Observable. - angular

Thiago — Sun, 22 Jan 2023 15:32:56 +0000

I wrote my custom validator to check if filename is right:

And add it in this way on fb.group

And this error came up:

and fix it adding is this way:

How to fix external domain problem not resolving dns name on godaddy?

Thiago — Tue, 22 Mar 2022 14:43:28 +0000

Today I faced a problem with one domain client. My domain is registered on https://registro.br and my website hosting is on godaddy. But the domain address was not being resolved properly. So I discovered that.

I need to enter on godaddy: domains setttings and add a domain type A to my hosting ip address on godaddy. This way works.

Obviously my domain on https://registro.br/ I change the dns to godaddy too.

SPA application error 404 on refresh

Thiago — Tue, 22 Mar 2022 14:14:54 +0000

If you deploy your SPA application on a server as Godaddy or other service and try to access a url diferent from root folder as /about and has an error 404 you can try to solve your problem following this documentation from react:
https://create-react-app.dev/docs/deployment/

But the fast answer for your question is to create a .htaccess file on your server and past the following code:

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

Consider defining a bean named ‘entityManagerFactory‘ in your configuration.

Thiago — Tue, 07 Sep 2021 22:42:25 +0000

At a loss, I found that I had commented on the main startup class:

@SpringBootApplication(exclude = DataSourceAutoConfiguration.class)