search

aws-amplify / amplify-js

A declarative JavaScript library for application development using cloud services.
https://docs.amplify.aws/lib/q/platform/js
Apache License 2.0
9.43k stars 2.13k forks source link

AppSync GraphQL query silently failing though successful 200 response #9348

Closed jknapp25 closed 2 years ago

jknapp25 commented 2 years ago

Before opening, please confirm:

JavaScript Framework

React

Amplify APIs

GraphQL API

Amplify Categories

auth, storage, api

Environment information

``` System: OS: macOS 11.2.1 CPU: (4) x64 Intel(R) Core(TM) i5-6360U CPU @ 2.00GHz Memory: 182.80 MB / 8.00 GB Shell: 3.2.57 - /bin/bash Binaries: Node: 11.0.0 - /usr/local/bin/node npm: 6.13.6 - /usr/local/bin/npm Browsers: Chrome: 96.0.4664.93 Safari: 14.0.3 npmPackages: @apollo/react-hooks: ^3.1.4 => 3.1.5 @aws-amplify/ui-react: ^0.2.24 => 0.2.24 @reach/router: ^1.3.3 => 1.3.4 @react-pdf/renderer: ^1.6.11 => 1.6.11 @testing-library/jest-dom: ^4.2.4 => 4.2.4 @testing-library/react: ^9.5.0 => 9.5.0 @testing-library/user-event: ^7.2.1 => 7.2.1 apollo-boost: ^0.4.7 => 0.4.9 aws-amplify: ^3.3.4 => 3.3.4 bootstrap: ^5.1.0 => 5.1.3 chart.js: ^2.9.3 => 2.9.4 emailjs-com: ^2.6.4 => 2.6.4 file-loader: ^6.0.0 => 6.2.0 (4.3.0) graphql: ^15.0.0 => 15.4.0 (14.0.0) graphql-tag: ^2.10.3 => 2.11.0 image-extensions: ^1.1.0 => 1.1.0 is-url: ^1.2.4 => 1.2.4 leaflet: ^1.7.1 => 1.7.1 moment: ^2.24.0 => 2.29.1 query-string: ^6.13.5 => 6.13.6 (4.3.4) react: ^16.13.1 => 16.14.0 react-apollo: ^3.1.4 => 3.1.5 react-bootstrap: ^2.0.0 => 2.0.2 react-bootstrap/AbstractModalHeader: undefined () react-bootstrap/Accordion: undefined () react-bootstrap/AccordionBody: undefined () react-bootstrap/AccordionButton: undefined () react-bootstrap/AccordionCollapse: undefined () react-bootstrap/AccordionContext: undefined () react-bootstrap/AccordionHeader: undefined () react-bootstrap/AccordionItem: undefined () react-bootstrap/AccordionItemContext: undefined () react-bootstrap/Alert: undefined () react-bootstrap/Anchor: undefined () react-bootstrap/Badge: undefined () react-bootstrap/BootstrapModalManager: undefined () react-bootstrap/Breadcrumb: undefined () react-bootstrap/BreadcrumbItem: undefined () react-bootstrap/Button: undefined () react-bootstrap/ButtonGroup: undefined () react-bootstrap/ButtonToolbar: undefined () react-bootstrap/Card: undefined () react-bootstrap/CardGroup: undefined () react-bootstrap/CardHeader: undefined () react-bootstrap/CardHeaderContext: undefined () react-bootstrap/CardImg: undefined () react-bootstrap/Carousel: undefined () react-bootstrap/CarouselCaption: undefined () react-bootstrap/CarouselItem: undefined () react-bootstrap/CloseButton: undefined () react-bootstrap/Col: undefined () react-bootstrap/Collapse: undefined () react-bootstrap/Container: undefined () react-bootstrap/Dropdown: undefined () react-bootstrap/DropdownButton: undefined () react-bootstrap/DropdownContext: undefined () react-bootstrap/DropdownItem: undefined () react-bootstrap/DropdownMenu: undefined () react-bootstrap/DropdownToggle: undefined () react-bootstrap/ElementChildren: undefined () react-bootstrap/Fade: undefined () react-bootstrap/Feedback: undefined () react-bootstrap/Figure: undefined () react-bootstrap/FigureCaption: undefined () react-bootstrap/FigureImage: undefined () react-bootstrap/FloatingLabel: undefined () react-bootstrap/Form: undefined () react-bootstrap/FormCheck: undefined () react-bootstrap/FormCheckInput: undefined () react-bootstrap/FormCheckLabel: undefined () react-bootstrap/FormContext: undefined () react-bootstrap/FormControl: undefined () react-bootstrap/FormFloating: undefined () react-bootstrap/FormGroup: undefined () react-bootstrap/FormLabel: undefined () react-bootstrap/FormRange: undefined () react-bootstrap/FormSelect: undefined () react-bootstrap/FormText: undefined () react-bootstrap/Image: undefined () react-bootstrap/InputGroup: undefined () react-bootstrap/InputGroupContext: undefined () react-bootstrap/ListGroup: undefined () react-bootstrap/ListGroupItem: undefined () react-bootstrap/Modal: undefined () react-bootstrap/ModalBody: undefined () react-bootstrap/ModalContext: undefined () react-bootstrap/ModalDialog: undefined () react-bootstrap/ModalFooter: undefined () react-bootstrap/ModalHeader: undefined () react-bootstrap/ModalTitle: undefined () react-bootstrap/Nav: undefined () react-bootstrap/NavContext: undefined () react-bootstrap/NavDropdown: undefined () react-bootstrap/NavItem: undefined () react-bootstrap/NavLink: undefined () react-bootstrap/Navbar: undefined () react-bootstrap/NavbarBrand: undefined () react-bootstrap/NavbarCollapse: undefined () react-bootstrap/NavbarContext: undefined () react-bootstrap/NavbarOffcanvas: undefined () react-bootstrap/NavbarToggle: undefined () react-bootstrap/Offcanvas: undefined () react-bootstrap/OffcanvasBody: undefined () react-bootstrap/OffcanvasHeader: undefined () react-bootstrap/OffcanvasTitle: undefined () react-bootstrap/OffcanvasToggling: undefined () react-bootstrap/Overlay: undefined () react-bootstrap/OverlayTrigger: undefined () react-bootstrap/PageItem: undefined () react-bootstrap/Pagination: undefined () react-bootstrap/Placeholder: undefined () react-bootstrap/PlaceholderButton: undefined () react-bootstrap/Popover: undefined () react-bootstrap/PopoverBody: undefined () react-bootstrap/PopoverHeader: undefined () react-bootstrap/ProgressBar: undefined () react-bootstrap/Ratio: undefined () react-bootstrap/Row: undefined () react-bootstrap/SSRProvider: undefined () react-bootstrap/Spinner: undefined () react-bootstrap/SplitButton: undefined () react-bootstrap/Stack: undefined () react-bootstrap/Switch: undefined () react-bootstrap/Tab: undefined () react-bootstrap/TabContainer: undefined () react-bootstrap/TabContent: undefined () react-bootstrap/TabPane: undefined () react-bootstrap/Table: undefined () react-bootstrap/Tabs: undefined () react-bootstrap/ThemeProvider: undefined () react-bootstrap/Toast: undefined () react-bootstrap/ToastBody: undefined () react-bootstrap/ToastContainer: undefined () react-bootstrap/ToastContext: undefined () react-bootstrap/ToastFade: undefined () react-bootstrap/ToastHeader: undefined () react-bootstrap/ToggleButton: undefined () react-bootstrap/ToggleButtonGroup: undefined () react-bootstrap/Tooltip: undefined () react-bootstrap/TransitionWrapper: undefined () react-bootstrap/createChainedFunction: undefined () react-bootstrap/createUtilityClasses: undefined () react-bootstrap/createWithBsPrefix: undefined () react-bootstrap/divWithClassName: undefined () react-bootstrap/getTabTransitionComponent: undefined () react-bootstrap/helpers: undefined () react-bootstrap/safeFindDOMNode: undefined () react-bootstrap/transitionEndListener: undefined () react-bootstrap/triggerBrowserReflow: undefined () react-bootstrap/types: undefined () react-bootstrap/useOverlayOffset: undefined () react-bootstrap/usePlaceholder: undefined () react-bootstrap/useWrappedRefWithWarning: undefined () react-burger-menu: ^3.0.6 => 3.0.6 react-chartjs-2: ^2.9.0 => 2.10.0 react-datepicker: ^3.5.0 => 3.5.0 react-dom: ^16.13.1 => 16.14.0 react-helmet: ^6.1.0 => 6.1.0 react-icons: ^3.9.0 => 3.11.0 react-infinite-scroll-component: ^6.0.0 => 6.0.0 react-leaflet: ^3.0.5 => 3.0.5 react-masonry-css: ^1.0.16 => 1.0.16 react-overflow: ^0.2.1 => 0.2.1 react-pdf: ^5.0.0 => 5.0.0 react-router-dom: ^5.1.2 => 5.2.0 react-scripts: 3.4.1 => 3.4.1 react-select: ^4.2.0 => 4.2.0 react-truncate: ^2.4.0 => 2.4.0 react-vertical-timeline-component: ^2.5.0 => 2.6.2 react-visibility-sensor: ^5.1.1 => 5.1.1 slate: ^0.59.0 => 0.59.0 slate-history: ^0.59.0 => 0.59.0 slate-react: ^0.59.0 => 0.59.0 url-loader: ^4.0.0 => 4.1.1 (2.3.0) use-sound: ^2.0.1 => 2.0.1 npmGlobalPackages: @aws-amplify/cli: 7.6.3 bit-bin: 14.8.8 express-generator: 4.15.0 express: 4.15.3 grunt-cli: 1.2.0 n: 2.1.12 nodemon: 1.19.1 npm: 6.13.6 ```

Describe the bug

I have one Amplify app running with two environments one for my wife's blog and one for myself. Both sites are running off the same repo, I'm just configuring the site's differently based on an environment variable I use to retrieve their configurations from a table. For my site, when I make the GraphQL request for this configuration, it's successful and the site spins up. For my wife's site, this call to the configurations table silently fails. By silent, I mean there's no helpful response being returned from the API that would help troubleshoot this. I'm at my wits end on troubleshooting this one, would love some insights.

I'm currently thinking there could be some expired token for something somewhere but if that was the case, I would think I'd receive that in the failed response.

I know this isn't much information, but let's start there and you can ask any questions you need to help troubleshoot this. Also, if this should be routed somewhere else, that's totally fine. I couldn't find where else to submit this sort of question.

Thank you!

Expected behavior

Her site is currently just showing up as a blank white page. I would expect the UI that I built to appear.

Reproduction steps

Simply go to www.riahraineart.com, you'll see that it's just a white page.

Code Snippet

// Put your code below this line.

Log output

``` // Put your logs below this line ```

aws-exports.js

No response

Manual configuration

No response

Additional configuration

No response

Mobile Device

No response

Mobile Operating System

No response

Mobile Browser

No response

Mobile Browser Version

No response

Additional information and screenshots

No response

chrisbonifacio commented 2 years ago

Hi @jknapp25 👋 Apologies for the late reply. Are you still in need of assistance on this issue? I tried visiting the page you linked and it seems to load.

If still experiencing this issue, please share what the network request and response from AppSync looks like in the Network Tab.

chrisbonifacio commented 2 years ago

Hi 👋 Closing this as we have not heard back from you. If you are still experiencing this issue and in need of assistance, please feel free to comment and provide us with any information previously requested by our team members so we can re-open this issue and be better able to assist you. Thank you!

github-actions[bot] commented 1 year ago

This issue has been automatically locked since there hasn't been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.