Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Global CSS cannot be imported from within node_modules. (Solved)

Aberta
  • Algo errado?
#186 0 comentários 2 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
20/100
Tipo de issue
Bug
Clareza
Precisa de esclarecimento
Status de atividade
Pouca atividade
Stack de tecnologia
nextjs, react, typescript
Domínio
frontend

Direção de pesquisa

The report documents a Next.js 13 workaround using _app.page.jsx or _app.page.tsx, the package CSS import, and a dynamic import from @uiw/react-textarea-code-editor/cjs. Start by reproducing the reported global-CSS error with those entry points. A defined project file, test, and expected fix are not provided, so completion is currently unclear.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

For developers who faced the same issue as me:

Image

If you see this error message and you're using Next.js v13, please follow these steps to solve the problem:

Step 1: Install the package

npm i @uiw/react-textarea-code-editor

Step 2: Import the CSS

Add import '@uiw/react-textarea-code-editor/dist.css'; to your _app.page.jsx (or tsx)

Step3. Dynamically import the CodeEditor component
import dynamic from 'next/dynamic';

const CodeEditor = dynamic(() => import('@uiw/react-textarea-code-editor/cjs').then((mod) => mod.default), {
  ssr: false,
});

I hope these steps help you solve the issue!

Linguagem predominante
TypeScript
Estrelas
575
Forks
23
Nenhum PR com merge em 30d

Preparar o ambiente

Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de uiwjs/react-textarea-code-editor

Todas as issues de uiwjs/react-textarea-code-editor

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.