Ошибка: 'jsxs' не экспортируется node_modules/response /jsx-runtime.js при создании публикуемой реакции:lib

Question

Текущее поведение Я создал образец приложения для реагирования nx.dev с публикуемой библиотекой реагирования (ui-public). Когда я пытаюсь создать публикуемую библиотеку реакции, она выдает ошибку ниже

Репо, где сборка не работает: https://github.com/nitesr/trynxdev

nx run ui-public:buildBundling ui-public... Ошибка при использовании карты источников для сообщения об ошибке: не удается определить исходное местоположение ошибки. Ошибка во время сборки: Ошибка: 'jsxs' не экспортируется node_modules / response / jsx-runtime.js Ошибка пакета: ui-public

Ожидаемое поведение

• Сборка ui-public должна быть успешной с соответствующими пакетами в папке dist / libs / ui-public

Действия по воспроизведению

      npx create-nx-workspace reactapp --style=scss --linter=eslint
  --packageManager=yarn --nx-cloud=false --cli=nx

# <выберите реакцию как шаблон и создайте "образец" приложения>

      yarn nx generate @nrwl/react:library ui-shared yarn nx generate
   @nrwl/react:library ui-public --publishable --importPath
   @reactapp/sample

# имейте пару вложенных div в ui-public.tsx, поэтому преобразование babel использует переменную jsxs для преобразования файла TSX / JSX. пряжа

      yarn build ui-public

Журналы отказов

      nx run ui-public:build
Bundling ui-public...
Error when using sourcemap for reporting an error: Can't resolve original location of error.
Error during bundle: Error: 'jsxs' is not exported by node_modules/react/jsx-runtime.js
Bundle failed: ui-public
Error when using sourcemap for reporting an error: Can't resolve original location of error.
Error during bundle: Error: 'jsxs' is not exported by node_modules/react/jsx-runtime.js
Bundle failed: ui-public
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Среда

      Node : 12.13.1
OS : darwin x64
yarn : 1.19.1
@nrwl/angular : Not Found
@nrwl/cli : 12.0.1
@nrwl/cypress : 12.0.1
@nrwl/devkit : 12.0.1
@nrwl/eslint-plugin-nx : 12.0.1
@nrwl/express : Not Found
@nrwl/jest : 12.0.1
@nrwl/linter : 12.0.1
@nrwl/nest : Not Found
@nrwl/next : Not Found
@nrwl/node : Not Found
@nrwl/react : 12.0.1
@nrwl/schematics : Not Found
@nrwl/tao : 12.0.1
@nrwl/web : 12.0.1
@nrwl/workspace : 12.0.1
@nrwl/storybook : 12.0.1
@nrwl/gatsby : Not Found
typescript : 4.1.5

Исправить

эта проблема была исправлена, когда я обновил приведенный ниже код, добавив «jsxs». Как мне переопределить rollupOptions в моей рабочей области проекта?

файл: responseapp/node_modules/@nrwl/web/src/builders/package/package.impl.js функция: createRollupOptions

      commonjs({
namedExports: {
// This is needed because react/jsx-runtime exports jsx on the module export.
// Without this mapping the transformed import import {jsx as _jsx} from 'react/jsx-runtime' will fail.
'react/jsx-runtime': ['jsx', 'jsxs'],
},
})

Answer 1

в итоге пришлось добавить к в файле rollup.config.js

      // rollup.config.js
import commonjs from 'rollup-plugin-commonjs';
import external from 'rollup-plugin-peer-deps-external';
import resolve from 'rollup-plugin-node-resolve';
import typescript from 'rollup-plugin-typescript2';

export default [
  {
    input: 'src/Icons/index.ts',
    output: [
      {
        file: 'src/Icons/dist/index.js',
        format: 'cjs',
        exports: 'named',
        sourcemap: true,
      },
      {
        file: 'src/Icons/dist/index.es.js',
        format: 'es',
        exports: 'named',
        sourcemap: true,
      },
    ],
    external: [ 'react', 'react-is', 'react-router', 'react/jsx-runtime' ],
    plugins: [
      external(),
      resolve(),
      typescript({
        rollupCommonJSResolveHack: true,
        exclude: ['**/__tests__/**', '**/*.stories.*'],
        clean: true,
      }),
      commonjs({
        include: /node_modules/,
        namedExports: {
          'node_modules/react-js/index.js': ['isValidElementType'],
        },
      }),
    ],
  },
];