Связка с внешним response.js не работает - может быть, некоторые глобальные переменные отсутствуют?

Question

Можете ли вы помочь мне найти корни проблемы?

Я хочу переместить реакцию из пакета и загрузить его из CDN, поэтому я добавляю в конфигурацию веб-пакета:

  externals: {
    react: {
      root: 'react',
      commonjs2: 'react',
      commonjs: 'react',
      amd: 'react',
      umd: 'react',
    },
    'react-dom': {
      root: 'ReactDOM',
      commonjs2: 'react-dom',
      commonjs: 'react-dom',
      amd: 'react-dom',
      umd: 'react-dom',
    },
  },

и в html:

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script async src="/client-2bb593ab57065d662f04.bundle.js"></script>

Но ву меня есть консоль:

Router.js:100 Uncaught TypeError: Cannot read property 'Component' of undefined
    at eval (Router.js:100)
    at Object../node_modules/react-router/es/Router.js (client-2bb593ab57065d662f04.bundle.js:2713)
    at r (client-2bb593ab57065d662f04.bundle.js:1)
    at eval (MemoryRouter.js:10)
    at Object../node_modules/react-router/es/MemoryRouter.js (client-2bb593ab57065d662f04.bundle.js:2697)
    at r (client-2bb593ab57065d662f04.bundle.js:1)
    at eval (index.js:2)
    at Object../node_modules/react-router/es/index.js (client-2bb593ab57065d662f04.bundle.js:2725)
    at r (client-2bb593ab57065d662f04.bundle.js:1)
    at eval (index.jsx:15)

И я понятия не имею, почему, потому что я упростила код и вообще удалила маршрутизатор.

Есть идеи?С наилучшими пожеланиями.

Answer 1

Чтобы все заработало, я добавляю libraryTarget: 'umd' к output конфигурации веб-пакета.Был найден здесь: https://github.com/webpack/webpack/issues/1275#issuecomment-246469528