Обновление с React 15.6.2 до 16 веб-приложений Breaks

Question

Текущее поведение таково, что ни один из моих index.js не отображается. Когда я использую реагирующие сценарии для создания веб-приложения в 16.2.0, я получаю ошибку r.PropTypes - неопределенная ошибка при посещении адреса локального хоста. Я предполагаю, что это потому, что PropTypes устарел в 15.5 и удален в 16, но я не могу понять, как это называется. Это какая-то странная часть main. ########. Js после того, как его создаст create-реагировать-приложение. Я попытался обновить все мои другие зависимости, но без кубиков, как только я обновляюсь до React 16. Приложение прекрасно работает в 15.6.2.

Я использую NPM, и вот мой package.json:

{
  "name": "node-wf",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "create-react-app": "^1.5.2",
    "halogen": "^0.2.0",
    "prop-types": "^15.6.1",
    "react": "^16.3.0",
    "react-bootstrap": "^0.32.1",
    "react-bootstrap-toggle": "^2.3.1",
    "react-contenteditable": "^2.0.7",
    "react-dom": "^16.3.0",
    "react-split-pane": "^0.1.77",
    "react-textarea-autosize": "^6.1.0"
  },
  "devDependencies": {
    "react-scripts": "^1.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "proxy": "http://localhost:3001/"
}

Я также использую некоторые сценарии CDN для jQuery, Bootstrap 3.3.7, переключателя Bootstrap и сюжета. Я не уверен, есть ли проблема совместимости с ними?

Answer 1

Если я правильно понял, у вас возникли проблемы с поиском вызова, который приводит к ошибке. Инструменты разработки вашего браузера могут быть очень полезны: я точно знаю, что Chrome и Firefox включают кнопку «Приостановить невыполненные исключения» на вкладке «Источник / отладчик» соответственно

Скриншот того, как это выглядит на Firefox

Как только вы включите эту опцию, обновите страницу, и отладчик должен сделать паузу, когда возникнет исключение, - затем пройти через стек вызовов, пока не найдете основного абонента в исходном коде. Я предполагаю, что файл виновника импортирует PropTypes из React вместо пакета prop-types.

Надеюсь, это поможет!

EDIT

azium сделал хорошее предложение, чтобы убедиться, что вы запускаете сборку dev с помощью npm run start - это должно поддерживать чистые исходные карты, чтобы вы могли иметь более четкую трассировку стека и исходный код для просмотра