Блог

Главная - Вопросы по программированию - Переход с webpack / CRA на snowpack: неперехваченная синтаксическая ошибка: запрошенный модуль X не предоставляет экспорт с именем Y

Переход с webpack / CRA на snowpack: неперехваченная синтаксическая ошибка: запрошенный модуль X не предоставляет экспорт с именем Y

#reactjs #webpack #react-konva #konva #snowpack

#reactjs #webpack #react-konva #konva #снежный покров

Вопрос:

Пожалуйста, помогите мне понять, что вызывает сообщение об ошибке ниже.

Я пытаюсь перенести проект в Snowpack, ранее использовав create-react-app . В этом проекте я использую библиотеку под названием react-konva для некоторых материалов canvas. Эта библиотека отлично работает при использовании в create-react-app, но когда я пытаюсь использовать ее со snowpack, я получаю эту ошибку:

 Uncaught SyntaxError: The requested module '../web_modules/react-konva.js' does not provide an export named 'Rect'

Ошибка I выше была вызвана этим фрагментом:

 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/ каталог ссылается сообщение об ошибке. Я не слышал об этом раньше, и мои поиски не дали никаких соответствующих совпадений.

Ответ №1:

Это исправлено с помощью react-konva@17.0.1-1