Ошибка Webpack при импорте внешних пакетов в Storybook (сбой синтаксического анализа модуля) - PullRequest
Новая
       41

Ошибка Webpack при импорте внешних пакетов в Storybook (сбой синтаксического анализа модуля)

0 голосов
/ 28 мая 2020

Я создаю монорепозиторий с различными пакетами, один из которых - Storybook в папке «компоненты». Я также создаю пакет значков (используя SVGR CLI), в котором будут все наши ресурсы svg.

Файл index. js в пакете значков выглядит следующим образом (небольшой пример) 

export { default as IcClose } from './IcClose'

Затем в пакете компонентов я могу импортировать этот штраф следующим образом: 

import { IcClose } from '../../../../icons'

Однако, если я попытаюсь импортировать его как пакет 

import { IcClose } from '@qmds/icons

, я получу следующая ошибка сборки: 

ERROR in ./node_modules/@qmds/icons/IcClose.js 5:4
Module parse failed: Unexpected token (5:4)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| function SvgIcClose(props) {
|   return (
>     <svg viewBox="0 0 24 24" {...props}>
|       <g fill="none" fillRule="evenodd">
|         <path d="M0 24h24V0H0z" />
 @ ./node_modules/@qbmds/icons/index.js 1:0-46 1:0-46
 @ ./src/2-Molecules/tooltip/tooltip.js
 @ ./src/2-Molecules/tooltip/index.js
 @ ./src/2-Molecules/tooltip/tooltip.stories.mdx
 @ ./src sync ^\.\/(?:(?:|\/|(?:(?:(?!(?:|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|mdx))$

Пакет существует в пакете. json, и я вижу его в node_modules (и он обнаруживает файл как правильный код), так что все равно блокирует ошибку сборки .

: (

...