@emotion/core导致的反应图错误

Question

我正在通过projectStorm安装react-diagrams，它导致了如下errorImg错误

我试图将'@emotion/core‘版本降级到^10.0.0，但是没有帮助。这是我的package.json -> package.json的img

这是我根据react图的官方文档写的代码

import React from 'react';
import createEngine, {DefaultLinkModel, DefaultNodeModel, DiagramModel } from '@projectstorm/react- 
diagrams';

import { CanvasWidget } from '@projectstorm/react-canvas-core';


const engine = createEngine();

const node1 = new DefaultNodeModel({
    name : 'Node 1',
    color : 'rgb(0, 192, 255)',
});
node1.setPosition(100, 100);

let port1 = node1.addOutPort('Out');

const node2 = new DefaultNodeModel({
    name : 'Node 2',
    color : 'rgb(0, 192, 255)',
});
node2.setPosition(100, 100);

let port2 = node2.addOutPort('Out');

const link = port1.link<DefaultLinkModel>(port2);
link.addLabel('Hello World');

const model = new DiagramModel();

model.addAll(node1, node2, link);
engine.setModel(model);


const DiagramView = () => {
    return (
        <div>
            <CanvasWidget engine = {engine}/>
        </div>
    );
};

export default DiagramView;

谢谢error Img：https://i.stack.imgur.com/ZY5WR.png package.json：https://i.stack.imgur.com/1iOk5.png

Answer 1

修复了！

若要使用该包，@emotion/core的版本应为10.x.x

我所做的是

 npm remove @emation/core

但我必须通过在node_modules中删除文件夹来物理删除该文件，并通过以下方式重新安装软件包

npm i @emotion/core@10.0.0

此外，在错误消失后，官方文档中的这一行导致了错误，所以只需注释(//)这一行并保存文件:)希望这对某人有帮助

link.addLabel('Hello World');