Encountering issues when trying to build a Vue application with Vue CLI and running npm start

I am attempting to develop an application using the **Vue CLI** command -

npm create vue@latest

Following the npm install, I am endeavoring to launch my app with **npm run dev** but encountering the error below. Any assistance would be greatly appreciated.

View the screenshot

**(node:4344) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??='                                           at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18)                                               (Use `node --trace-warnings ...` to show where the warning was created)                                                 (node:4344) UnhandledPromiseRejectionWarning: Unhandled promise rejection....
javascriptnpmcommand-linevuejs3vue-cli

Answer №1

Consider upgrading your node version to 16 or above for optimal performance.

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

Can separate authentication data be used for two private registries in .npmrc?

There exists an npm package stored on artifactory_1 which is classified as private. This implies that the authentication data for artifactory_1 in base64 encoding is contained within the _auth property of the .npmrc file, with the always-auth parameter set ...

npmartifactory

Expanding content based on height using React

I have successfully implemented the show more/show less feature. However, my issue is that I would like it to be based on the number of lines or screen height rather than the number of characters. This is because the current setup may look awkward on certa ...

javascripthtmlcssreactjsstyled-components

What are some ways I can implement timers and promises from Node 16 into a Typescript application?

The recent Node 16 release introduces a new timers/promises API that has caught my interest. I successfully installed Node 16 using NVM and switched to it: $ nvm use Found '/Users/golergka/Projects/my-project/.nvmrc' with version <16> ...

node.jstypescriptnpm

In a Vue Application, the static HTML elements are loaded before fetching data

Utilizing VueJS and VueRouter in my application has presented a challenge. The issue lies in the fact that static HTML elements within the Vue Component load before the data is fetched, resulting in empty forms and tables being displayed initially. I have ...

javascriptvue.jsvue-routerfetch-api

UI not reflecting changes in vuex state

Currently, I am in the process of transitioning a vue2 project to vue3 and have noticed an issue with my UI not updating when objects in my vuex store are updated. Below is how I am setting up my store: store/index.js import {mutations} from './mutat ...

vue.jsvuejs3vuex

What is the best way to retrieve information from a web service using Vue.js within an HTML environment?

I'm trying to retrieve data from a web service using vue.js, but I'm having trouble fetching the data. Can I use vue.js without installing node.js? Any help would be appreciated. Thank you in advance. <!DOCTYPE html> <html lang="en> ...

javascriptvue.js

Troubleshooting JavaScript in Internet Explorer 9

Currently, I am encountering an issue while attempting to debug JavaScript .js files in my Solution using Visual Studio 2010 and IE 9. Despite placing breakpoints in the files, I am unable to debug successfully. I have attempted various troubleshooting ste ...

javascript

Achieving a Full-Screen Three.js Canvas in React: A step-by-step guide on spanning the view height and width of a webpage

I've been working on tweaking the code found in this particular example: How to connect Threejs to React? This is the snippet of code I am focusing on: import React, { Component } from 'react' import * as THREE from 'three' clas ...

javascriptcssreactjsthree.js

What is the reason behind these sinon stubs returning undefined values?

I have created a unit test for this code snippet and used Sinon to stub the browser methods (specifically with sinon-chrome, an older but still functional library that suits my needs). /** * Returns an array of languages based on getAcceptLanguages and ge ...

javascriptnode.jsmocha.jschaisinon

Interact with embedded elements in JavaScript by using the onClick event

Here is a JavaScript code snippet I've been working on: <div> <tr onClick="click1()"> <td> click 1 </td> <td onClick="click2()"> click 2 < ...

javascript

Halt period indicated in the document specifying the designated timeframe

If I have two files named index.php and fetch.php The contents of index.php are as follows: <script> $(document).ready(function(){ setInterval(function(){ $('#fetch').load('fetch.php') }, 1000); }); </sc ...

javascriptphpjqueryajax

Customize the MUI Slider Component with unique colored thumbs

Check out MUI's slider component at this link. I'm using it to let users select a value range with two thumbs. You can find the documentation for MUI's multi-thumb slider here. If you want to customize the style of the slider thumb, visit ...

javascriptcssreactjsmaterial-uislider

Share the constructor and enumeration in an npm module for exportation

My background in NPM and Node.js is limited, as my expertise lies mainly in JavaScript for web browsers. Recently, I created a JavaScript library that consists of a constructor function and an enum type. In JavaScript, enums do not exist natively, so the ...

javascriptnpm

Tips for enabling animation for AmCharts animateData feature

To achieve a real-time values per minute chart, the last bar value is to be incremented every minute after its addition. Additionally, a new bar with a value of 1 will be added each minute while removing the oldest bar. All these changes need to be animat ...

javascriptamcharts

Preventing file visibility in Three.js resource directory

Once a user clicks on a specific 3D model, I retrieve it from the server and render it in the browser using three.js. However, there is an issue when the user tries to access a model that is not free - they can easily view and download the STL file by go ...

javascriptsecuritystlthree.jsresources

The resolveMX function in Google Cloud Functions is encountering issues when trying to process a list of domains

Here is the task at hand. I have a large list of domains, over 100,000 in total, and I need to iterate through them using a foreach loop to resolve MX records for each domain. Once resolved, I then save the MX records into another database. Below is the c ...

javascriptnode.jsgoogle-bigquerygoogle-cloud-functionsmx-record

Achieving peak efficiency: Comparing the execution of actions through dispatching versus passing them as props

I have a technical query. I'm attempting to send a value from a child component to the store by utilizing an action dispatcher inside the child component. This action dispatcher then modifies the state value in the reducer. Would it be wise to pass v ...

javascriptreactjsreduxstorereducers

A guide on transforming a JSON object representing an HTML element into a live HTML element for display on a webpage using C#, JavaScript, or jQuery

I am looking to retrieve a JSON object from a database and convert it into HTML format. Here is an example of the JSON structure: {"input":{ "name":"fname", "type":"text", "placeholder":"Ente ...

javascriptc#htmljqueryjson

What is the best way to temporarily bold a cell item within a table row for a specified duration of time?

I am experiencing an issue with a section of my code where I am fetching values from the server and updating a table if a certain value is not present. Once the update is made, I want to visually notify the user by temporarily making the cell's value ...

javascriptajax

What can you create with Angular 4, the angular material 2 library, and angular flex-layout

I am fairly new to visual design and currently using Angular 4 with the Material 2 module and Bootstrap for the grid system. However, I have come to realize that the container sizes are not suitable for certain aspect ratios like 21:9. I discovered the ...

javascriptangulargridcontainersangular-flex-layout