Error: Could not locate the module "../aws-exports"

Currently, as I work on building my project on Amplify hosting, I have encountered a front-end build issue. The technology stack I am using is Next.js.

Error:

./src/pages/_app.js
Module not found: Can't resolve '../aws-exports' in  '/codebuild/output/src195962774/src/PROJECTNAME/src/pages'

amplify.yml file:

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm install 
    build:
      commands:
        - npm run build
backend:
  phases:
    preBuild:
      commands:
        - npm install 
  artifacts:
    baseDirectory: .next
    files:
      - '**/*'

I have experimented with various configurations in this build file and have even tackled the initial issue with graphql-ttl-transformer.

To troubleshoot, I attempted duplicating a file in the pages folder and retrying the process. Working in VsCode, the file-path of "../aws-exports" was auto-populated, ensuring its correctness.

javascriptamazon-web-servicesnext.jsyamlaws-amplify

Answer №1

Have you attempted to integrate a different backend application into your frontend project? If so, the backend part of your build script should include a command to incorporate that project.

The aws-exports.json file is typically generated during the backend build phase.

To confirm this, you can try committing and pushing your local aws exports file (which is ignored by default in git).

If this process is successful, ensure to update your backend script to pull the amplify backend project. For example: 

amplify pull --appId YOUR_APP_ID --envName YOUR_ENV_NAME

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Button placed incorrectly

I am utilizing bootstrap 4, thymeleaf, and datatable I attempted to place a button on top of the table to the right <div class="col-sm-12"> <div class="float-right"> <button id="newUsers" type="button" th:onclick="@{/newusers ...

javascripthtmlcssdatatablesbootstrap-4

"Converting a basic function into a promise for an AngularJS tutorial: How to handle the error message '

To help my colleagues understand AngularJS, I am creating a dummy exercise. In this example, I want to call a service that provides an Object Array to be passed into a Controller and assigned to a $scope variable (using information about the Beatles). Inst ...

javascriptangularjs

Instructions on how to include a conditional click attribute to a hyperlink

Is there a way to make an anchor tag trigger a function only if a specific variable is set? In this scenario, the variable name is assigned the value of "Shnick", so when the link is clicked it should activate the func() method. However, clicking the link ...

javascriptangularjs

Ensure accurate detection of invalid values for SVG Elements in React using jest testing framework

When testing my react app, I am attempting to capture any errors that are thrown or logged to the console. If a regular HTML element such as <p> contains invalid attributes like <p color={false}></p>, react will display an error via cons ...

javascriptreactjsunit-testingsvgjestjs

Calculate the difference and sum of time values with varying signs in JavaScript

-12:00 - 5:30 => -6:30 -2:00 - 5:30 => 3:30 00:00 - 5:30 => -5:30 6:00 - 2:30 => 3:30 I am interested in subtracting time with both positive and negative indices. let myCountries = [ { countryName: "NewZealand", ...

javascriptnode.jsreactjsangularjstypescript

Issues with Node.js routes on the express server aren't functioning as expected

I used to have a node.js express server up and running on my previous server. However, after migrating to a new server, the code seems to have stopped functioning. Let me share the setup of my server: var fs = require('fs'); var express = requi ...

javascriptnode.jsexpressroutesfs

Deactivating the click event for a personalized checkbox's label in Bootstrap

Greetings, <div class="form-check"><input class="form-check-input" type="checkbox" value="" id="defaultCheck1"><label class="form-check-label" for="defaultCheck1">Default checkbox</label></div> Is there a way to disable the ...

javascriptbootstrap-4

What are the implications of an unidentified callback function with parameters?

Check out this snippet: const fs = require('fs'); fs.readFile('foo.txt', 'utf8', (error, data) => { if (error) { throw new Error(error); } console.log(data); }); Can you figure out where the anonymous callback is recei ...

javascriptnode.js

Tips for synchronizing with animation completion in ui-router's $stateChangeStart event

Incorporating AngularJs and ui-router in my project has been a smooth process. One particular requirement I have is to gently fade out the current view when a user clicks on a link, before navigating them to another view. To achieve this, I have created ...

javascriptjqueryangularjsjquery-animateangular-ui-router

Pass the output of canvas.toDataURL function in JavaScript to the $mail->addAttachment method in PHP

Currently, I am working on a web application that allows users to customize a pool by dragging different icons onto a blueprint (such as stairs, skimmer, light...). Once the customization is complete, users can click on a button to receive the blueprint v ...

javascriptphpphpmaileremail-attachmentshtml2canvas

Comparison of env.local and String variables

I encountered an access denied error with Firebase. The issue seems to arise when I try passing the value of the "project_ID" using an environment variable in the backend's "configs.ts" file, as shown in the code snippet below: import 'firebase/f ...

typescriptfirebasenext.jsenvironment-variables

What is the process of calculating the average of JSON data and looping through it multiple times using Javascript?

I've encountered a JSON data set that has the following structure: { name: "Evelyn", assignment: "SCRUM", difficulty: 3, fun: 4 } And so on. My goal is to calculate the average value of both difficulty and fun for e ...

javascriptarraysjsonmethods

Encountered an issue while attempting to retrieve the access token from Azure using JavaScript, as the response data could

Seeking an Access token for my registered application on Azure, I decided to write some code to interact with the REST API. Here is the code snippet: <html> <head> <title>Test</title> <script src="https://ajax.google ...

javascripthtmljqueryazurepowerbi-embedded

Display Partial View in MVC 4 using ajax success callback

Issue: Unable to load view on ajax success. Situation: I have two cascaded dropdowns where the second dropdown's options are based on the selection of the first dropdown. Upon selecting an option in the second dropdown, I want to display a list of re ...

javascriptjqueryajaxasp.net-mvcasp.net-mvc-4

What is the best way to separate a table column into a distinct column at the specified delimiter count?

I successfully wrote code that splits the third column into new columns at the slash delimiter. However, I am struggling to modify it to split at the nth (i.e. 2nd) occurrence. I couldn't find a solution online, so I'm reaching out here for help ...

javascriptjquery

javascript with python

Currently, I'm in the process of parsing a html page. I've experimented with spynner, selenium, and mechanize, however none of them have been effective when dealing with JavaScript in this particular scenario. Is there anyone who can provide som ...

javascriptpythonhtmlmechanize

Tips on displaying tooltips on multiple graphs in Highcharts using Vue 3

I am currently utilizing vue3-highcharts in conjunction with Highcharts. My goal is to replicate a similar functionality as shown in this example: https://codepen.io/lzl124631x/pen/KLEdby?editors=1010. However, I am unsure about the correct syntax for impl ...

javascriptvue.jshighcharts

Inquiring about how to retrieve data from a table using option select drop-downs

I have a pricing table that is dependent on specific criteria, and I am familiar with using HTML tags for this purpose. I am interested in finding the most efficient way to retrieve the cost per square foot based on three dropdown box selections. These sel ...

javascripthtmlcss

What could be causing PHP to fail to send form scores to the PHP MyAdmin database?

I recently ventured into web development and took on a college project website where I built a form in HTML containing various radio button questions. To handle the validation of answers against the correct ones, I utilized JavaScript. With some assistance ...

javascriptphpmysqlforms

The code mistakenly sends an object in place of a numerical value

The script below is causing an issue where an object is being sent instead of a number. This is resulting in a console error: GET http://localhost:8080/new_prog_22/paginator.action?page=[object%20Object] 500 (Internal Server Error) The requirement ...

javascriptjquery