从 webpack/CRA 迁移到 snowpack：未捕获 SyntaxError：请求的模块 X 未提供名为 Y 的导出答案

【问题标题】：Migrating from webpack/CRA to snowpack: Uncaught SyntaxError: The requested module X does not provide an export named Y从 webpack/CRA 迁移到 snowpack：未捕获 SyntaxError：请求的模块 X 未提供名为 Y 的导出
【发布时间】：2020-12-19 20:35:13
【问题描述】：

请帮助我了解导致以下错误消息的原因。

我正在尝试将一个项目迁移到 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'

上面的错误是由这个 sn-p 引发的：

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;

同样的sn-p在用create-react-app初始化的项目中使用不会造成任何问题。

我不明白是什么原因造成的。我不确定错误消息中的 ../web_modules/ 目录指的是什么。我以前没有听说过，我的搜索也没有找到任何相关的匹配项。

【问题讨论】：

标签： reactjs webpack react-konva konva snowpack

【解决方案1】：

用react-konva@17.0.1-1修复

【讨论】：