Не удалось собрать приложение Node.js при нажатии на Heroku - PullRequest
Новая
       4

Не удалось собрать приложение Node.js при нажатии на Heroku

1 голос
/ 09 мая 2019

Я новичок в кодировании, и в настоящее время я разрабатываю встроенное приложение для Shopify с использованием Node.js в соответствии с этим руководством. (https://developers.shopify.com/tutorials/build-a-shopify-app-with-node-and-react)

Мое приложение работает локально, но его не удалось собрать при нажатии на Heroku. Я пробовал каждое решение, которое я могу найти в Интернете, но ни одна из этих работ. Кажется, в моем коде есть синтаксическая ошибка, но я уже удалил эту часть, почему ошибка все еще существует? 

-----> Build
       Running build

       > collection-generator-app@1.0.0 build /tmp/build_9491321e44d82596e81efddc7086d165
       > next build

       Creating an optimized production build ...

Failed to compile.
./pages/fetch-query.js
SyntaxError: /tmp/build_9491321e44d82596e81efddc7086d165/pages/fetch-query.js: Unterminated JSX contents (34:9)
  32 | 
  33 |          return (
> 34 |              <div>
     |                   ^
  35 |               
  36 |          );
  37 |      }}
> Build error occurred
Error: > Build failed because of webpack errors
    at Object.build [as default] (/tmp/build_9491321e44d82596e81efddc7086d165/node_modules/next/dist/build/index.js:101:15)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! collection-generator-app@1.0.0 build: `next build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the collection-generator-app@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/npmcache.Galdd/_logs/2019-05-09T04_23_39_145Z-debug.log
-----> Build failed

       We're sorry this build is failing! You can troubleshoot common issues here:
       https://devcenter.heroku.com/articles/troubleshooting-node-deploys

       Some possible problems:

       - node_modules checked into source control
         https://blog.heroku.com/node-habits-2016#9-only-git-the-important-bits

       - Node version not specified in package.json
         https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version

       Love,
       Heroku

 !     Push rejected, failed to compile Node.js app.
 !     Push failed

Вот мой пакет. Json 

{
  "name": "collection-generator-app",
  "version": "1.0.0",
  "description": "",
  "engines": {
    "node": "10.15.2",
    "npm": "6.4.1"
  },
  "main": "index.js",
  "scripts": {
    "dev": "node server.js",
    "start": "next start",
    "build": "next build"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@shopify/koa-shopify-auth": "^3.1.18",
    "@shopify/koa-shopify-graphql-proxy": "^2.1.5",
    "@shopify/polaris": "^3.11.0",
    "@zeit/next-css": "^1.0.1",
    "apollo-boost": "^0.3.1",
    "dotenv": "^7.0.0",
    "graphql": "^14.1.1",
    "isomorphic-fetch": "^2.2.1",
    "js-cookie": "^2.2.0",
    "js-cookies": "^1.0.4",
    "koa": "^2.7.0",
    "koa-session": "^5.10.1",
    "next": "^8.0.3",
    "react": "^16.8.4",
    "react-apollo": "^2.5.3",
    "react-dom": "^16.8.4"
  }
}

Ответы [ 2 ]

0 голосов
/ 10 мая 2019

Согласно журналам, у вас отсутствует закрывающий тег html div.

Решения:

  1. удалите строку 32, ИЛИ
  2. Добавьте послестрока 32 или где вы считаете, что она должна заканчиваться.

Затем следуйте командам @Nino wrote: 

git add .
git commit -m "fix closing tag"
git push heroku master

Вот и все.:)

Также рекомендуется включить / node_modules в ваш .gitignore.Также включите вашу версию здесь в ваш пакет json.Некоторые модули, такие как heroku, лучше всего работают с узлом 8.0 +

0 голосов
/ 09 мая 2019

В вашем файле fetch-query.js должен быть закрывающий тег для тега div.

Если вы уже это сделали, передайте изменения и нажмите на геройку. Обычно вы можете сделать:

  • git add .
  • git commit -m "fix closing tag"
  • git push heroku master

Но это зависит от того, как вы настроили свой git.

Если вы хотите сохранить тег div, взгляните на API фрагментов

...