问题描述
请帮助我了解导致以下错误消息的原因。
我正在尝试将一个项目迁移到 Snowpack,之前曾使用过 create-react-app。在这个项目中,我将一个名为 react-konva 的库用于一些画布内容。这个库在 create-react-app 中使用时工作正常,但是当我尝试将它与 snowpack 一起使用时,我收到此错误:
Uncaught SyntaxError: The requested module '../web_modules/react-konva.js' does not provide an export named 'Rect'
我上面的错误是由这个片段引起的:
import { Layer,Rect,Stage } from 'react-konva';
const ReactKonvaTest = () => {
return (
<>
<Stage width={800} height={500}>
<Layer>
<Rect width={200} height={100} strokeWidth={10} stroke="#222" />
</Layer>
</Stage>
</>
);
};
function App() {
return (
<div className="App">
<ReactKonvaTest />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
</div>
);
}
export default App;
在使用 create-react-app 初始化的项目中使用相同的代码段时不会引起任何问题。
我不明白是什么原因造成的。我不确定错误消息中的 ../web_modules/
目录指的是什么。我之前没有听说过,我的搜索也没有找到任何相关的匹配项。
解决方法
它是用 react-konva@17.0.1-1