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

作成日 2019年06月20日  ·  4コメント  ·  ソース: react-dnd/react-dnd

バグを説明する
typescriptでnextjsv8を使用してプロジェクトを構築していますが、react-dnd8.0.2からAPIをインポートするときに問題が発生しました

スクリーンショット
該当する場合は、問題の説明に役立つスクリーンショットを追加してください。
Screen Shot 2019-06-20 at 11 04 47 AM

デスクトップ(次の情報を入力してください):

  • MacOS Mojave 10.14.5

追加のコンテキスト

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

.babelrc:
`` `{
「プリセット」:[
「next / 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"
  }

成分:
`` `import React from" react ";
import {DndProvider} from "react-dnd";
「react-dnd-html5-backend」からHTML5Backendをインポートします。

関数Home(){
戻る (

Next.jsへようこそ!


);
}

デフォルトのホームをエクスポートします。
`` `

最も参考になるコメント

v8ライブラリはデフォルトでESモジュールを使用しています。 代わりにreact-dnd-cjsライブラリを使用する必要があるようです

全てのコメント4件

+1、同じ問題があります。

ここで同じ+1

^ @darthtrevino

v8ライブラリはデフォルトでESモジュールを使用しています。 代わりにreact-dnd-cjsライブラリを使用する必要があるようです

このページは役に立ちましたか?
0 / 5 - 0 評価