React-dnd: new-hotness ESModules + nextjs 8 + datilografado

Criado em 20 jun. 2019  ·  4Comentários  ·  Fonte: react-dnd/react-dnd

Descreva o bug
Tenho um projeto criado usando nextjs v8 com texto digitado, mas tive um problema ao importar apis do react-dnd 8.0.2

Capturas de tela
Se aplicável, adicione capturas de tela para ajudar a explicar seu problema.
Screen Shot 2019-06-20 at 11 04 47 AM

Desktop (preencha as seguintes informações):

  • MacOS Mojave 10.14.5

Contexto adicional

Screen Shot 2019-06-20 at 11 13 51 AM

.babelrc:
`` `{
"predefinições": [
"próximo / babel",
"@ zeit / next-typescript / babel",
],
}

dependencies: 
```"dependencies": {
    "@weco/next-plugin-transpile-modules": "^2.2.1",
    "next": "^8.1.0",
    "next-transpile-modules": "^2.3.1",
    "react": "^16.8.6",
    "react-dnd": "^8.0.2",
    "react-dnd-html5-backend": "^8.0.2",
    "react-dom": "^16.8.6"
  },
  "devDependencies": {
    "@zeit/next-css": "^1.0.1",
    "@zeit/next-sass": "^1.0.1",
    "@zeit/next-typescript": "^1.1.1",
    "next-compose-plugins": "^2.2.0",
    "webpack-merge": "^4.2.1"
  }

componente:
`` `importar React de" react ";
importar {DndProvider} de "react-dnd";
importar HTML5Backend de "react-dnd-html5-backend";

function Home () {
Retorna (

Bem-vindo ao Next.js!


);
}

exportar Página inicial padrão;
`` `

Comentários muito úteis

As bibliotecas v8 usam Módulos ES por padrão. Parece que você precisa usar a biblioteca react-dnd-cjs vez disso

Todos 4 comentários

1, tendo o mesmo problema.

+1 mesmo aqui

^ @darthtrevino

As bibliotecas v8 usam Módulos ES por padrão. Parece que você precisa usar a biblioteca react-dnd-cjs vez disso

Esta página foi útil?
0 / 5 - 0 avaliações