バグを説明する
typescriptでnextjsv8を使用してプロジェクトを構築していますが、react-dnd8.0.2からAPIをインポートするときに問題が発生しました
スクリーンショット
該当する場合は、問題の説明に役立つスクリーンショットを追加してください。
デスクトップ(次の情報を入力してください):
追加のコンテキスト
.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(){
戻る (
デフォルトのホームをエクスポートします。
`` `
+1、同じ問題があります。
ここで同じ+1
^ @darthtrevino
v8ライブラリはデフォルトでESモジュールを使用しています。 代わりにreact-dnd-cjs
ライブラリを使用する必要があるようです
最も参考になるコメント
v8ライブラリはデフォルトでESモジュールを使用しています。 代わりに
react-dnd-cjs
ライブラリを使用する必要があるようです