Whenever I try to run ionic serve, an error pops up saying: "typescript: node_modules/@types/node/worker_threads.d.ts, line: 8 '=' expected."

My Ionic Info: cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.9.0
ionic (Ionic CLI) : 3.9.0

Global Packages:

Cordova CLI : 9.0.0 (<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ec8f839e88839a8dc180858eacd5c2dcc2dd">[email protected]</a>)

Local Packages:

@ionic/app-scripts : 3.2.4
Cordova Platforms  : android 7.1.4 browser 5.0.3
Ionic Framework    : ionic-angular 3.9.2

System Details:

Android SDK Tools : 26.1.1
ios-deploy        : 1.10.0 
Node              : v10.13.0
npm               : 6.4.1 
OS                : macOS
Xcode             : Xcode 10.2.1 Build version 10E1001

My Dependencies:

"devDependencies":

{</p>
<p>    "@angular/cli": "^6.0.8",
    "@types/node": "^12.7.2",
    "cross-env": "^5.2.0",
    "gulp-sass": "^4.1.0",
    "increase-memory-limit": "^1.0.3",
    "ws": "3.3.2"
},

My tsconfig.json File

{ "compilerOptions": { "allowSyntheticDefaultImports": true, "declaration": false, "emitDecoratorMetadata": true, "experimentalDecorators": true, "lib": [ "dom", "es2015" ],

 "module": "es2015",
 "moduleResolution": "node",
 "sourceMap": true,
 "target": "es5",
 "typeRoots": [
   "../node_modules/@types"
 ],
    "types" : ["node"]
 },
  "include": [
      "src/**/*.ts"
  ],
 "exclude": [
   "node_modules",
   "src/**/*.spec.ts",
   "src/**/__tests__/*.ts"
 ],
 "compileOnSave": false,
    "atom": {
      "rewriteTsconfig": false
 }
 //"baseUrl": "src"

}

javascriptangulartypescriptionic-frameworkionic3

Answer №1

If you're looking to keep your Ionic framework up-to-date, consider upgrading to version 6:

npm uninstall -g ionic 
npm install -g ionic

Don't forget to update Angular & CLI as well:

ng update @angular/cli @angular/core

And make sure to update Typescript too:

npm install -g typescript@latest

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

Tips for properly formatting dates using Moment.js

Is there a way to personalize the date format using Moment.js? I specifically want to display something like Thu 10 for the day of the month. Any suggestions on how to achieve this with moment or pipes would be greatly appreciated. app.component.html < ...

angularpipemomentjs

Angular form update causing unexpected behavior

Within my Angular application, I have implemented a form to allow users to update their personal information. Here is the structure of my UserAccount class: import { Useraccounttype } from './../model/useraccounttype.model'; import { Gender } fro ...

angular

Pagination in Angular 2

My current implementation involves using ngx pagination. I have successfully changed the navigation list by passing (pageChange)="p = $event". However, I now want to send the p value to a function like (pageChange)="pageChange(p)" and then set p = $event w ...

angular

Using React.JS: Display Object Map in rendering

I have an object with family information that looks like this: Family: Parent0: BirthPlace: "dsa" Birthday: "2021-01-04" Relationship: "dsa" SurnameAndName: "dasdsa" Parent1: BirthPlace: & ...

javascriptreactjs

Determining outcomes of forms added in real-time

Need assistance with dynamically creating tickets, calculating prices, and displaying results when additional tickets are added. Currently facing an issue where price data is not being calculated when a new ticket is added. Any help would be greatly apprec ...

javascriptjqueryhtml

Guide on integrating two separate UI (CSS) frameworks, one optimized for mobile and the other for desktop, within a single Angular project

I am tasked with developing both mobile and desktop versions of a web application using two different CSS frameworks, Ionic 4 and Bootstrap, for different use cases. Despite these differences, the rest of the app remains the same, utilizing Ngrx store and ...

angularionic-frameworkbootstrap-4angular-ui-bootstrapionic4

The property 'x' cannot be found when declaring two different return types

Consider this example: interface Dog { name: string } const likeDog = true const getDog = (): Dog | boolean => { const val = likeDog ? { name: 'fido' } : false return val } const myComponent = (): void => { const dog = getDog() ...

javascriptreactjstypescript

What is the best way to assign a title to every div element and showcase 5 div items in a single line?

I am using a "for loop" to call getjson multiple times and receive a response to display items on sale inside a div. Currently, my code displays the item name to the right of each frame, but I want the item name to appear below the iframe, similar to the c ...

javascriptjquerycsshtmlpagination

Utilizing Angular to link input and button elements together

While going through the tutorial Tour of Heroes, I encountered a section about adding a new hero. The tutorial suggests using an input element paired with an add button. Insert the following code into the HeroesComponent template, after the heading: & ...

htmlangularweb-frontendangular-tour-of-heroes

What could be causing express to have trouble finding the ejs file in the views directory?

Recently delved into the world of learning NodeJS and Express. // Working with express framework var express = require("express"); var app = express(); app.get("/", (req,res) => { res.render("home.ejs"); }) //Setting up port listening app.listen ...

javascriptnode.jsexpressejs

Please explain the concept of the Node.js event loop

I've spent countless hours poring over guides and resources on the event loop, yet I still can't grasp its essence. It's common knowledge that the libuv library is responsible for implementing the event loop, but what exactly is this entity ...

javascriptnode.js

Having difficulty retrieving the user list from Firebase within Angular 6

I am facing an issue with retrieving the list of users from Firebase. Despite having values already set in the database, I am getting empty arrays. The strange thing is that I can successfully add users to the Firebase database and retrieve the list of us ...

javascriptangularfirebase-realtime-databaseangular2-servicesangularfire2

Is there a way to mask all communication with the bot and only display the ultimate outcome in Element Web Messenger?

I've been experimenting with the Matrix Element Web Messenger and came across a bot on GitHub (mautrix/whatsapp) that enables connection to Whatsapp. Rather than the traditional process of creating a room, sending a "login" message, and receiving a QR ...

javascriptreactjsopen-source

Utilizing nested endpoints in Angular resource with a Node.js server

In my Angular application, I have a resource called /cars with the endpoint defined as $resource('/cars/:carsId'); This allows me to retrieve all cars or a specific car. On the server side, I've implemented middleware to ensure that carsI ...

node.jsangularrestexpressresources

Is it possible to convert a leaflet marker into a nuxt-link function?

Recently, I started using nuxt and vue-leaflet to create an interactive map, even though I am quite new to it. This map consists of multiple markers representing different locations. The goal is for the respective page to open when a user clicks on a mark ...

javascriptvue.jsleafletvue-routernuxt.js

Why is npm attempting to compile a previous version of my code?

Being a complete newbie to npm and node.js, I hope you can bear with me if I'm lacking in providing the right details. I am working on developing a plugin for a website that utilizes an out-of-the-box framework within npm. Initially, everything was ru ...

javascriptnode.jsnpm

Customizing Column Headers in Ag-Grid when Implementing Aggregation Functions

When using aggFunc in a column definition, the headerName appears in the format func(string) instead of just displaying the string as defined. This behavior is not present when AggFunc is null. const columnDef: any = { headerName: 'Test', ...

angulartypescriptag-grid

jQuery UI dynamically adjusting content layout based on browser size changes

Having an issue with my custom accordion script where resizing the browser causes formatting problems in one of the sections. I want the content to remain intact and to utilize a scrollbar if necessary to view the content. The problem is visible in section ...

javascriptjqueryhtmlcssjquery-ui

Implementing GetServerSideProps with Next-Auth: Error message - Trying to destructure property 'nextauth' from 'req.query' which is undefined

I encountered an issue while using the getServerSideProps function in Next.js with Next-Auth. The error I received was a TypeError: TypeError: Cannot destructure property 'nextauth' of 'req.query' as it is undefined. Upon checking with ...

typescriptnext.jsnext-authgetserversideprops

What is the best way to use a nested for loop to extract values from JSON and assign them to variables?

I have a JSON structure containing subject fields and their corresponding values listed separately. I am looking to implement a nested for loop that will dynamically assign the values to each subject field based on the given JSON data. Currently, my approa ...

javascriptnode.jsjsonfor-loopnested-for-loop