problems encountered when including next.config.js for sitemap creation in a nextjs application

Just recently, I made an update to my next.config.json file in hopes of boosting SEO performance. However, this change has caused some issues with the next-sitemap module, preventing me from building or starting my app.

//next.config.js
const withSitemap = require('next-sitemap');

module.exports = withSitemap({
  changefreq: 'weekly', 
  priority: 0.9,
  generateRobotsTxt: true, 
});

After adding this snippet of code, attempting to run "next build" resulted in the following error:

> Build error occurred
Error: Cannot find module '/root/node_modules/next-sitemap/dist/cjs/index.js'
    at createEsmNotFoundErr (node:internal/modules/cjs/loader:1094:15)
    at finalizeEsmResolution (node:internal/modules/cjs/loader:1087:15)
    at resolveExports (node:internal/modules/cjs/loader:571:14)
    at Module._findPath (node:internal/modules/cjs/loader:645:31)
    at Module._resolveFilename (node:internal/modules/cjs/loader:1058:27)
    at /root/node_modules/next/dist/server/require-hook.js:113:36
    at Module._load (node:internal/modules/cjs/loader:925:27)
    at Module.require (node:internal/modules/cjs/loader:1139:19)
    at require (node:internal/modules/helpers:121:18)
    at Object.<anonymous> (/root/next.config.js:1:21) {
  code: 'MODULE_NOT_FOUND',
  path: '/root/node_modules/next-sitemap/package.json'
}

I have attempted various troubleshooting steps such as reinstalling node_modules but have not been able to resolve the issue with next-sitemap. Has anyone encountered a similar problem and found a solution?

javascriptnext.jsnode-modulessitemap

Answer №1

It is recommended not to modify the next.config.js file directly. Instead, any changes should be made in the next-sitemap.config.js file.

Copy and paste the following code into the next-sitemap.config.js file:

module.exports = {
  changefreq: 'weekly', 
  priority: 0.9,
  generateRobotsTxt: true, 
};

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

JavaScript property counterparts

Recently, I've been working on creating alias's for a specific property in my code. var default_commands = {} default_commands['foo'] = "bar"; My goal is to create multiple aliases for the key 'foo' in the object. For examp ...

javascript

Tips for enabling item draggability following AJAX filtering operations

I have a draggable list of names that can be filtered using checkboxes. When a checkbox is checked, an ajax call is made to filter the names. The list is displayed in an accordion format as shown below: <div id="myAccordion"> <?ph ...

javascriptphpjqueryajaxjquery-ui

After the initial rendering, JQuery can dynamically search through the DOM elements and seamlessly replace keys with their respective values

I am in the process of implementing my personal localization method on my web application that is currently under development. With the use of JQuery 2.2.0 and no other frameworks or third-party tools, I need to embed certain expressions directly into my H ...

javascriptjquery

Images flicker as they transition

Within my HTML body, I have the following: <a id="Hal9000"> In addition, there is a function included: function Hal(MSG){ document.getElementById("Hal9000").innerHTML = "<img src=\"+preloadImage("HAL9000.php?Text="+MSG)+"\"\>" ...

javascriptphpajax

When a function inside React uses this.props, it won't trigger the corresponding function

I am currently developing a Checklist using React and MaterialUI that consists of two components. One component is responsible for managing the data, while the other component allows for editing the data. However, I have encountered an issue where the func ...

javascriptreactjsreact-routermaterial-ui

Is it possible to perform a PHP redirect after the headers have been

I am encountering an issue with a function that needs to redirect the page once a variable is set. The challenge arises from the fact that this function is located at the bottom of the PHP page. As a result, I have already displayed a significant amount ...

phpjavascripthtml

You cannot define headers once they have been sent to the client. If you encounter a NextJS redirect issue, consider using res

I encountered an error when redirecting to a link from NextJS -> _app.js -> getInitialProps. I am trying to cache the last user language in cookies and redirect to it when the page is reloaded. It's working and the user is redirected, but I&apos ...

javascriptnode.jsexpressnext.jsfrontend

Tips for creating incremental progress on a pop-up page?

I am looking for guidance on creating a page with specific functionalities. Here is what I have in mind: I want to implement a button that opens a popup when clicked. The popup should display static instructions and buttons for the user to progress throu ...

javascriptjqueryhtmlajaxpopup

Angular's $location is reverting back after the modification

When using Angular, I encountered an issue where the user was not redirected to the view page after submitting a form. To handle this, I attached the following function to the scope: $scope.create = function () { return $scope.customer.$save({}, funct ...

javascriptangularjsrest

I encountered a "ReferenceError: db is not defined" while trying to call a function in Express.js with MongoDB intergr

The structure of the code is as follows: var express = require('express'); var router = express.Router(); var mongo = require('mongodb').MongoClient; function getData(){ db.collection("collection_name").find({}).toArray(function (er ...

javascriptnode.jsmongodbexpress

What is the best way to use a button to hide specific divs upon clicking?

Is there a way to use a button onclick event to hide specific divs within a parent div? I've tried using .toggleClass('.AddCSSClassHere') but I'm not sure how to apply it to multiple divs. The jQuery snippet provided only allows me to h ...

javascripthtmljquerycss

Encountering the issue of "Cannot read properties of undefined" while attempting to pass data to a prop

Currently, I am developing a Vue application that heavily relies on charts. The issue lies in the fact that I am fetching data from the database individually for each chart component, resulting in multiple calls and a slower page load time. I am looking to ...

javascriptdatabasevue.js

Importing multiple exports dynamically in Next.js

My current setup involves using a third-party package that I load dynamically in Next.js: const am5 = dynamic(() => import("@amcharts/amcharts5"), {ssr: false}) The imported amcharts5 consists of various exports and imports, such as: export { ...

javascriptreactjsnext.js

After implementing ajax, jQuery ceases to function

I have been working with multiple JavaScript files and everything is functioning perfectly (including functions that add styles to elements), but I am encountering an issue when trying to include the following script: <script src="http://ajax.googleapi ...

javascriptjqueryajax

Using JavaScript to create customized checkboxes is a useful way to

I am looking to develop a JavaScript code that saves all the checkboxes selected by a user. When the user clicks on the finish button, the code should display what they have chosen (text within the label). Admittedly, I am unsure of how to proceed and wou ...

javascriptjquery

Discovering the total count of documents in a collection using Mongoose

I own a model named car which contains 21 documents. However, I am interested in: Retrieving the total count of documents that match the make property. Creating a new array of objects with both the count property and its respective document. For examp ...

reactjsmongodbmongoosenext.jsmongoose-schema

What is the process for setting up redux in _app.tsx?

Each time I compile my application, I encounter the following error message: /!\ You are using legacy implementation. Please update your code: use createWrapper() and wrapper.useWrappedStore(). Although my application functions correctly, I am unsure ...

javascriptreduxnext.js

When incorporating props into styled components, the outcome often turns out to be unexpectedly

I have implemented styled components to change the text color by passing props. <Button variant = 'colour' type="submit" form="myForm" className="submit-btn"> Submit </Button& ...

cssreactjsnext.jsstyled-components

What are the limitations of the unhandledrejection event in React when it comes to capturing certain Errors?

unhandledrejection is failing to capture certain errors in a project built using create-react-app. Click here for an example window.addEventListener("unhandledrejection", function(e) { console.log(e); alert(e.reason); }); function handleError() { ...

javascriptreactjsbabeljscreate-react-app

A complex valueOf function in Javascript

What is the purpose of using ({}).valueOf.call(myvar)? This expression converts any value to an object. If the input is already an object, it remains unchanged; however, if it is a primitive type, it gets converted to an instance of a wrapper type. I ...

javascript