我正在尝试@atlaskit/editor-core
第一次使用。我安装了它npm i @atlaskit/editor-core
,我的 npm 版本是8.3.0
,我的节点版本是16.13.1
.
但是,当我尝试运行我的应用程序时,我收到许多具有相同模式的错误:
ERROR in ./node_modules/@atlaskit/editor-core/dist/esm/plugins/feedback-dialog/index.js 95:183-1
Should not import the named export 'version' (imported as 'coreVersion') from default-exporting lt export is available soon)
ERROR in ./node_modules/@atlaskit/status/dist/esm/components/analytics.js 53:43-54
Should not import the named export 'name' (imported as 'packageName') from default-exporting module (only default
export is available soon)
ERROR in ./node_modules/@atlaskit/analytics-listeners/dist/esm/atlaskit/process-event.js 97:21-3
Should not import the named export 'version' (imported as 'listenerVersion') from default-exportefault export is available soon)
ERROR in ./node_modules/@atlaskit/editor-common/dist/esm/ui/LegacyToNextIntlProvider/index.js 11
export 'intlShape' (imported as 'intlShape') was not found in 'react-intl'
和其他类似的。
我的 package.json 包含这些依赖项:
"dependencies": {
"@atlaskit/editor-core": "^153.1.3",
"@atlaskit/media-core": "^32.2.0",
"@emotion/react": "^11.7.1",
"@emotion/styled": "^11.6.0",
"@mui/icons-material": "^5.2.5",
"@mui/material": "^5.2.7",
"@testing-library/jest-dom": "^5.16.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"emoji-picker-react": "^3.5.0",
"firebase": "^9.6.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-google-button": "^0.7.2",
"react-intl": "^5.24.2",
"react-mde": "^11.5.0",
"react-redux": "^7.2.6",
"react-router-dom": "^6.2.1",
"react-scripts": "5.0.0",
"redux": "^4.1.2",
"redux-thunk": "^2.4.1",
"sass": "^1.47.0",
"showdown": "^1.9.1",
"simplemde": "^1.11.2",
"styled-components": "^3.2",
"web-vitals": "^0.2.4",
"workbox-background-sync": "^5.1.4",
"workbox-broadcast-update": "^5.1.4",
"workbox-cacheable-response": "^5.1.4",
"workbox-core": "^5.1.4",
"workbox-expiration": "^5.1.4",
"workbox-google-analytics": "^5.1.4",
"workbox-navigation-preload": "^5.1.4",
"workbox-precaching": "^5.1.4",
"workbox-range-requests": "^5.1.4",
"workbox-routing": "^5.1.4",
"workbox-strategies": "^5.1.4",
"workbox-streams": "^5.1.4"
},
我看到有人推荐包括"allowSyntheticDefaultImports": true
on tsconfig.json
,但是,我没有这个文件,因为我没有使用 Typescript。所以我添加了 Typescript 和那一行,但所有错误仍然存在。
由于这是 node_module 文件夹中的错误,我不相信编辑包会起作用
我还尝试创建其他反应项目来测试这个,之后没有任何变化
npx create-react-app my-app
cd my-app
yarn add @atlaskit/editor-core
// Add on index.js
// - import { Editor } from "@atlaskit/editor-core";
// - <Editor appearance="comment" />;
yarn start
但不幸的是,这给了我同样的错误。
非常感谢您的宝贵时间