alguem ai também ta tendo problema na hora de fazer o import de alguns recursos? como getServerSideProps e getStaticProps? não consigo fazer o import
2 Likes
getServerSideProps não é algo a ser importando no next basta você chamar a função no component dentro de pages que deseja alterar por exemplo assim:
2 Likes
boa tarde Victor! a professora está com o seguinte codigo:
`
import React from ‘react’;
import api from ‘…/service/api’
import { GetServerSideProps } from ‘next’;
interface IProducts {
id: number,
title: string
}
interface ProductsProps {
products: IProducts[]
}
export default function Home({ products }: ProductsProps) {
return (
<div>
<h1>Products</h1>
<section>
<ul>
{products.map(product => {
return (
<li key={product.id}>
{product.title}
</li>
)
})}
</ul>
</section>
</div>
)
}
export const getServerSideProps: GetServerSideProps = async () => {
const response = await api.get(‘http://localhost:3333/products’)
const products = await response.data
return {
props: {
products
}
}
}
`
e por algum motivo, nas aulas ela importa, será que ela ta usando uma versão do nextjs antiga nas aulas?
oque ela está importando são os types do getServerSideProps, que são necessários para “tipar” as respostas e o contexto
entao é nisso que está dando problema, fica erro no import, nao acha o modulo… é ai que to empacado
tira um print do erro
pra ver se consigo te ajudar melhor
Boa noite galera, estou criando o projeto next mas está aparecendo este erro quando rodo o yarn dev:
Tem uma forma diferente de começar o projeto?
você tem que importar →
import '../../styles/global.css'
o problema está que o import não aponta para a pagina correta
eu reiniciei o computador, e foi, pq aparentemente nao havia erros mesmo, as vezes o pc também precisa reiniciar kkk
as vezes era só fechar o vscode mesmo kkk
Depois de muito sofrimento eu consegui, tive que fazer downgrade no next, pelo o que eu entendi essas versões mais novas costuma dar esse bug
Achei esse artigo com boas informações:
Achei legal esse material no site do Nextjs: