Блог

У меня есть приложение typescript-react, созданное с помощью create-react-app . Я никогда раньше не использовал Heroku, и когда я пытаюсь выполнить развертывание, выполнив git push heroku master процесс установки и сборки запускается, но всегда заканчивается сбоем со следующим сообщением об ошибке:

 remote:        Creating an optimized production build...
remote:        Failed to compile.
remote:        
remote:        ./src/hooks.ts
remote:        Syntax error: Cannot read property 'map' of undefined (0:undefined)
  

Хотя src/hooks.ts это файл в моем репозитории, на самом деле в нем его нет map , что заставляет меня думать, что ошибка, вероятно, исходит из другого места. Кроме того, (0:undefined) указывает на строку 0, столбец не определен, что делает его еще более загадочным в целом.

Это часть моего package.json :

     "name": "lydian",
    "version": "0.1.0",
    "private": true,
    "engines": {
        "node": "10.x"
    },
    "scripts": {
        "start": "react-scripts start",
        "build": "CI=false react-scripts build",
        "postinstall": "tsc amp;amp; mv -i -v public dist/ amp;amp; rm -v -rf src",
        "test": "react-scripts test --passWithNoTests",
        "eject": "react-scripts eject",
        "deploy": "git add . amp;amp; git commit -m Heroku amp;amp; git push heroku master"
    },
  

Я пробовал следующие руководства и другие ресурсы, но документации Heroku по развертыванию приложения typescript-react довольно мало.

Хотя я не могу точно сказать вам, почему это происходит, я могу рассказать, как мы «обошли» проблему.

У нас была точно такая же ошибка, и мы нашли сигнатуру метода, которая была ответственна за это. (У TSC не было проблем с этим, просто react-скрипты).

 function timeOnChange(newDate: Date | [Date, Date] | null) {
  //...
}
  

Работает:

 function timeOnChange(newDate: Date | null) {
  // ...
}
  

Редактировать:

Одного этого достаточно, чтобы сломать react-скрипты:

 function breaks(param: [any, any]) { 
  // ...
}