Embarking on a new adventure with NextJS

Encountering difficulties starting a project with NextJS. After creating the project using

npx create-next-app <projectName>
, running yarn dev in the terminal without making any changes to files results in the error:
SyntaxError: Identifier 'originalPrompt' has already been declared
. Despite searching online, unable to find a solution.

PS: The error is specific to Chrome, as it does not occur on Internet Explorer.

https://i.sstatic.net/uTMqn.png

Answer №1

Seems like the issue is unrelated to Next.js and may be stemming from one of your Chrome extensions, possibly Grammarly.

Tableau's explanation attributes the error to the interference caused by the Grammarly extension in loading dashboards. A user on Honeypot GitHub repository has also noted this bug related to the Grammarly browser extension.

Over at the anvil.works forum, a user pointed out that the error was triggered by the Chrome Widget "Selenium," which was resolved after its removal, restoring functionality to all their apps. There's another discussion in the Selenium users Google group where a user encountered the same error using the Selenium IDE.

If you happen to have any of these extensions installed, consider disabling them as a troubleshooting step.

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

Error Message: Unable to Modify Headers Once Sent - NodeJS

I encountered an issue with my node.js app where one of the routes keeps throwing a "Can't set headers after they are sent error". Description of the route: In my application, users have different access levels. This specific route checks the user&a ...

An alternative approach to dynamically adding a class to a DOM element using AngularJS that reduces repetition

Creating an AngularJS application with materializecss for the UI involves adding the focused class to all form elements for specific behavior. To streamline this process, you can use the ng-class directive on the parent container and define a variable tha ...

Ways to prevent modal from flickering during event changes

I'm struggling with a current issue and need help identifying the cause and finding a solution. The problem arises from having a nested array of Questions, where I display a Modal onClick to show Sub questions. However, when clicking on the Sub Quest ...

MongoDB has encountered an issue where it is unable to create the property '_id' on a string

Currently, I am utilizing Node.js and Express on Heroku with the MongoDB addon. The database connection is functioning correctly as data can be successfully stored, but there seems to be an issue with pushing certain types of data. Below is the database c ...

What could be the reason for my jQuery script not functioning properly?

<script> var currentLevel = 0; $(document).ready(function(){ $("#tolevel_" + (currentLevel+1) ).click(function(){ $("#level_" + currentLevel).hide(500,'swing', function(){ $("#level ...

A guide to accessing a provider instance manually from outside the Nest.js framework

I am currently transitioning my Express.js application to Nest.js, where some modules are already using Nest.js while others are not. For example, I have an OrderModule in Nest.js with an OrderService within its providers. Now I want to use the OrderServi ...

Challenges Arising from Creating an EPL Trivia Game with HTML and Javascript

Having some issues with this game functioning properly. Trying to create a dropdown menu that lists 20 EPL teams, and upon selecting a team, display that team's information in a form. Unfortunately, I'm encountering difficulties with the code. An ...

The use of script src with vue.js is causing issues

I am looking to move my Vue code into an external .js file. Since I am new to Vue, I am trying to keep it simple without using webpack. However, I have encountered an issue where Vue does not work when using the script src tag in the html file. For instanc ...

Occasionally, the NodeJs server will freeze up and require a forced stop via ctrl+c to

My node.js server is set up to handle ajax requests. When I click on the webpage, an ajax call is sent and the function runs smoothly most of the time. However, there are instances where the server freezes. In some cases, using ctrl+c unfreezes it and it c ...

Using V-for in Vue.js to iterate over data sources

I am attempting to display all elements of an array, but currently can only show the first line due to [0]. I want to show all items in the array. <div class="description" v-for="item in sitePartVoice[0].part_attributes"> <small><strong> ...

Utilizing JavaScript async over setInterval for improved efficiency

Let's say I want to execute the function update() every second. I have two options to achieve this: async function interval() { await new Promise((resolve, reject) => { setTimeout(resolve, 1000) }) update() interval() } or setInter ...

What is the best method for sending information to a Fauna Create function?

Currently, I am in the process of developing a Next.js website and have made the decision to utilize Fauna as the database for my project. When it comes to the front-end, I am sending an object to the back-end API using the following code: async functio ...

The NextJS application is causing full page refreshes instead of smooth navigations when accessed through an nginx proxy

When a link is clicked and navigation occurs, the browser performs a full refresh instead of a soft-navigation. Interestingly, this issue only arises when using nginx with App Router. If the application is accessed locally (through App or Pages router), vi ...

Interactive calendar feature with a popup that appears when hovering over an event

I am looking to create a popup on hover with full calendar functionality, similar to the one seen at this link. I have attempted using full calendar with qtip, but I was unable to achieve a clickable popup as it disappears when the mouse moves away. Here ...

Steps to exit browser in WebDriver Sampler in JMeter and halt execution

I have been attempting to close the browser in my Selenium Jmeter last sampler thread, but I keep encountering the following error: INFO c.g.j.p.w.s.WebDriverSampler: WebDriver has been quit. 2024-02-01 22:53:24,989 ERROR c.g.j.p.w.s.WebDriverSampler: Sess ...

Displaying a single array alongside another in a single communication

I am trying to display the IDs from Array 1 next to the corresponding IDs from Array 2. The two arrays I am working with are called memberIDs and rolesIDs. The memberIDs array contains the member IDs in a voice channel, while the roleIDs array includes va ...

Assessing the string to define the structure of the object

Currently, I am attempting to convert a list of strings into a literal object in Javascript. I initially tried using eval, but unfortunately it did not work for me - or perhaps I implemented it incorrectly. Here is my example list: var listOfTempData = [ ...

transform the string input into a boolean value

Here is my code block: I am trying to obtain the value in boolean format, but the value is always in string format. const handleSubmit = (e) => { e.preventDefault(); if (Object.keys(formData).length == 0) return console.log("Don&apo ...

Is it necessary to trim strings prior to employing the map function?

I am working on extracting all input values from a user-generated page and storing them in an array to make an ajax call for data processing. Here is my approach: $('#save').click(function(){ var data = $('*[data-array]').map(funct ...

Navigating to an external website using Next.js

Looking to set up a redirect in next.config.js to an external website. { source: '/hello', destination: 'https://google.com', permanent: false, } However, when I go to mywebsite.com/hello, it redirects to mywebsite.comhttps ...