Error encountered when attempting to initiate localhost. npm Error on macOS version 16.7.0

My older project needs some attention, but when I attempt to run the command npm start in the terminal, a lengthy error message pops up. Here's what it says:

@ start /Users/juanlopez/tiy/week-5/day-4/portfolio-2.0 webpack-dev-server

/Users/juanlopez/tiy/week-5/day-4/portfolio-2.0/webpack.config.js:88 new webpack.optimize.OccurenceOrderPlugin(), ^

TypeError: webpack.optimize.OccurenceOrderPlugin is not a constructor at Object. (/Users/juanlopez/tiy/week-5/day-4/portfolio-2.0/webpack.config.js:88:5)

Following these webpack errors, npm throws additional errors

npm ERR! Darwin 16.7.0

npm ERR! argv "/usr/local/Cellar/node/7.1.0/bin/node" "/usr/local/bin/npm" "start"

npm ERR! node v7.1.0

npm ERR! npm v3.10.9

npm ERR! code ELIFECYCLE

npm ERR! @ start: webpack-dev-server

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the @ start script 'webpack-dev-server'.

Can someone guide me on where I might be going wrong here? Could it have something to do with the webpack version I'm using? I've attempted updating both webpack and Node.

This is my JSON setup

{
// insert JSON data here
}

This is my Webpack.config file


// insert Webpack config data here

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

What is the best way to implement a timer or interval system in React and Next.js that continues running even when the tab is not in focus or the browser is in

I am attempting to create a stopwatch feature using next js. However, I have encountered an unusual issue where the stopwatch does not function correctly when the tab is not focused or when the system goes to sleep or becomes inactive. It appears that the ...

Problem detected in id modification

My JavaScript function is triggered with an onChange event, which works fine when there's only one. <input class="form-control" type="text" onchange="opert(<?php echo $fetch["id_prod"] ?>,1)" id="name" value="<?php echo $fetch["name_prod" ...

tips for using Node Mailer to send emails without using SMTP

Currently, I am facing an issue with sending emails through nodemailer. Although I have successfully used my gmail account for this purpose in the past, I now wish to switch to using my business email to communicate with clients on a regular basis. The cu ...

Tips for displaying an image using the image tag in jQuery

I am looking to dynamically append a share button image after every image tag that meets certain criteria. For the code snippet and demonstration, you can visit this fiddler link here. $(document).ready(function() { $("img").each(function() ...

Just systems that have been positively identified

Greetings! I am currently in the process of creating a small online stock management system using PHP. However, my goal is to restrict access to this web app to only certain systems that I designated. I want to ensure that only the systems under my contro ...

Using jQuery to access the data attribute values

Within my HTML code, there is a span element: <span class="field" data-fullText="This is a span element">This is a</span> I am trying to access the data-fullText attribute. I attempted two different methods, but unfortunately, they both retur ...

Executing the removal by _id command in mongodb does not function as intended

Initially, I thought implementing a delete function for my mongodb in the MEAN stack would be straightforward. However, I've encountered issues and haven't found a solution on Google or Stack Overflow. In my application, I am working with Users ...

Trouble getting the x-axis label to appear correctly on jqPlot

I found a great example on the jqPlot examples page and decided to try it out myself. You can check out the original example here: After putting the code into a jsfiddle, I encountered an issue where the chart was not rendering as expected. If you want to ...

Bringing in a variable from a component that is dynamically imported

I have a dynamically imported (Map) component on my page. const Map = dynamic(() => import('../components/Mapcomp'), { ssr: false, }) In addition to the component, I also need to import a variable from it. const [taskImg, setTaskImg] = useS ...

Vue: Choosing an option during the execution of setInterval

I'm facing an issue where I can't select an option while a setInterval function is running on the page. The main problem is that an option cannot be selected at the same time as the setInterval timer fires. let updateDelay = 100; var vueObj = ...

Search across the entire table in your React application with Global

Having trouble implementing global search with the new Material UI Next table component. I have a handleSearch method that takes an event as a parameter and uses regex to check if the event.target.value matches any data in the table. However, when I dele ...

Safari is causing issues with HTML5 Video playback

I have a client with a media-heavy website containing numerous video and audio files. While the videos load perfectly on Chrome, Firefox, and IE, they do not load on Safari for Windows. Here's a snippet of the code: <video controls="controls" type ...

How can a CSS class be used to toggle the visibility of a DIV element with JavaScript?

I've been researching and came across several scripts that allow for toggling the contents of a DIV by clicking on a button, however, they all use IDs. What I am looking to achieve is similar but using classes instead of IDs. This way, if I want to h ...

Adding quotes is optional when using the append function

We are retrieving product options from the displayed html using variables PRODUCT_CUSTOM_1_ and PRODUCT_NAME_. Some products have quotations like " and '. However, when we post these strings elsewhere, they get cut off at the ". We need to either remo ...

I am interested in dynamically updating the position of a Google Marker using a loop or some other method

Exploring the wonders of the Google API, I am eager to find a way to automatically update the position of a Google Marker on a map every five seconds without having to store latitude and longitude in a database. Essentially, I aim to have the marker relo ...

Java Script Custom Print Preview: A unique way to showcase your content

Is there a way to create a custom print preview dialog similar to the browser's print preview using Java Script? I am working on a book reader application that requires customization of the print preview dialog for page counting, automatic pagination, ...

Having trouble importing components within my router.js file in VueJS

Trying to work with the vue-router, but encountering difficulty importing components into the router.js. Received a warning: [Vue Router warn]: No match found for location with path "/" In need of assistance as I'm unsure of what mistake I ...

Determine whether the object is facing the specified position

I'm attempting to verify whether an object (this.target) is facing towards a particular position (newPosition). Here's what I currently have: new THREE.Matrix4().lookAt( newPosition, this.target.position, this.target.up ) == this.target.matrix ...

Generate a JavaScript array containing 10 randomly chosen numbers between 1 and 10. The array should have a length of 9 elements. Can you identify the number that remains after

Searching high and low, but no luck finding the answer...just bits and pieces of it. I came across an interview question that has me stumped... Given an array with a length of 9, and 10 numbers ranging from 1 to 10. These numbers are randomly placed into ...

Load Angular template dynamically within the Component decorator

I am interested in dynamically loading an angular template, and this is what I have so far: import { getHTMLTemplate } from './util'; const dynamicTemplate = getHTMLTemplate(); @Component({ selector: 'app-button', // templat ...