Encountered an issue while attempting to convert a vue-cli project to TypeScript

I am currently attempting to migrate my vue-cli project to typescript. According to this resource, all I need to do is execute the following command:

vue add typescript

My project is being run on a Windows machine using Git Bash

However, when I try to run the command, I encounter the following error:

📦 Installing vue-cli-plugin-typsecript...

yarn add v1.22.17 [1/4] Resolving packages... info If you think this is a bug, please open a bug report with the information provided in info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command. error An unexpected error occurred: "https://registry.npmjs.org/vue-cli-plugin-typsecript: Not found".
ERROR command failed: yarn add vue-cli-plugin-typsecript -D --tilde

Upon inspecting the error log, it indicates that:

> Trace:    Error: https://registry.npmjs.org/vue-cli-plugin-typsecript:
> Not found
>       at Request.params.callback [as _callback] (...\npm\node_modules\yarn\lib\cli.js:67029:18)
>       at Request.self.callback (...\npm\node_modules\yarn\lib\cli.js:140883:22)
>       at Request.emit (events.js:314:20)
>       at Request.<anonymous> (...\npm\node_modules\yarn\lib\cli.js:141855:10)
>       at Request.emit (events.js:314:20)
>       at IncomingMessage.<anonymous> (...\npm\node_modules\yarn\lib\cli.js:141777:12)
>       at Object.onceWrapper (events.js:420:28)
>       at IncomingMessage.emit (events.js:326:22)
>       at endReadableNT (_stream_readable.js:1223:12)
>       at processTicksAndRejections (internal/process/task_queues.js:84:21)

I have tried various solutions found online, such as visiting this link, but unfortunately, none of them have resolved the issue. In addition, I attempted:

  • Upgrading yarn
  • Removing node modules
  • Removing yarn.lock

Despite these efforts, the problem persists. Does anyone have suggestions on how to tackle this challenge?

typescriptvue-cli

Answer â„–1

According to @lusc's observation, my error was caused by misspelling "typescript."

Incorrect spelling: typsecript

Correct spelling: typescript

Answer â„–2

Verify the accuracy of your writing

Mistakenly spelled as "typescript" rather than "typesecript"

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

React's componentDidUpdate being triggered before prop change occurs

I am working with the CryptoHistoricGraph component in my app.js file. I have passed this.state.coinPrices as a prop for this element. import React from 'react'; import axios from 'axios'; import CryptoSelect from './components/cry ...

javascriptreactjstypescript

Is foreach not iterating through the elements properly?

In my code, I have a loop on rxDetails that is supposed to add a new field payAmount if any rxNumber matches with the data. However, when I run the forEach loop as shown below, it always misses the rxNumber 15131503 in the return. I'm not sure what I ...

javascriptarraystypescriptforeach

Typescript: Shifting an image to the left and then returning it to the right

As a newcomer to Typescript, JavaScript, and front-end development, I am experimenting with creating a simulation of an AI opponent's "thinking" process when playing cards in a game. The idea is to visually represent the AI's decision-making by s ...

javascripttypescriptcallback

Utilizing TypeScript with Express.js req.params: A Comprehensive Guide

Having an issue with my express.js controller where I am unable to use req.params The error message being displayed is 'Property 'id' is missing in type 'ParamsDictionary' but required in type 'IParam'.' I need a w ...

typescriptexpress

Unable to view the refreshed DOM within the specifications after it has been altered

For my current project, I am working on writing a functional spec that involves using Mocha/JSDOM and making assertions with 'chai'. The specific use case I am tackling is related to the function called updateContent: When this function is exec ...

javascripttypescriptunit-testingmocha.jsjsdom

What could be the reason for the file element being undefined in the context menu?

I am currently working on rebuilding my context menu for the second time today. I am encountering an issue with an undefined value of my file element, which is preventing me from deleting, renaming, or performing any other actions. HTML <mat-list-item ...

angulartypescriptcontextmenu

Unable to resolve TypeScript error: Potential 'undefined' object

Here is the code snippet that I am working with: const queryInput = useRef() const handleSubmit = (e: FormEvent<HTMLFormElement>) => { e.preventDefault() if (queryInput && queryInput.current) { console.log(`queryInput.cur ...

reactjstypescript

Backend communication functions seamlessly within the service scope, yet encounters obstacles beyond the service boundaries

I'm facing an issue with accessing data from my backend. Although the service successfully retrieves and logs the data, when I try to use that service in a different module, it either shows "undefined" or "Observable". Does anyone have any suggestions ...

javascriptangulartypescriptobservable

Display customizable template according to variable

The answer provided for the issue regarding dynamic template generation based on value instead of variable in this thread was really helpful. However, I'm facing challenges in getting it to work. Here's a simplified example: export class A { } ...

angulartypescriptangular8

Steps to troubleshoot a simple function that manages asynchronous tasks

Looking to develop a versatile function that can handle async functions, execute them, and catch any errors that may arise. Coming from a javascript background, I initially managed to create a function that did just this. However, my attempt to enhance it ...

typescriptgenericstypes

The perplexing behavior of RxJS Observables with Mongo Cursors

Recently, I've been working on converting a mongo cursor into an observable using my own RxJS implementation. Despite finding numerous solutions online, I wanted to challenge myself by creating one from scratch. I would greatly appreciate it if someo ...

javascripttypescriptrxjsobservabledatabase-cursor

React Typescript Mui causing `onBlur` event to trigger with every change occurring

I'm currently developing a front-end application using Typescript and React with MUI. The form code I have written is as follows: <TextField label="Password" value={this.state.password} placeholder="Choose a password" type="password" onC ...

reactjstypescriptbluronblurmui

The link function fails to execute

I have created a custom Directive. The issue I am facing is that the html template is not being rendered. Upon debugging, I noticed that the link function is never called because the instance function is also never called. To troubleshoot, I added "debu ...

javascriptangularjstypescript

How can you determine the number of times a particular digit appears around a specific position in a TypeScript array

(Utilizing Typescript for assistance) I am looking to determine the number of occurrences of the digit 2 surrounding a specific position within an array. The function takes in the position coordinates as parameters - param 1 for row and param 2 for column. ...

htmlreactjsarraystypescriptreact-hooks

What is the process for personalizing the appearance in cdk drag and drop mode?

I have created a small list of characters that are draggable using Cdk Drag Drop. Everything is working well so far! Now, I want to customize the style of the draggable items. I came across .cdk-drag-preview class for styling, which also includes box-shado ...

angulartypescriptangular-cdkangular-cdk-drag-drop

Updating the node startup file with Visual Studio 2015 using NodeJS/Typescript

Encountering a persistent error: Error Code: TS5055 Cannot write file C:/project/dir/server.js' because it would overwrite the input file. Project: TypeScript/JavaScript Virtual Projects Even after renaming my entry filename to nodeserver.js, the ...

javascriptnode.jscompiler-errorstypescriptvisual-studio-2015

Error: In Angular Firebase, the type 'string' cannot be assigned to the type 'Date'

I am encountering an error. The following error is shown: "cannot read property 'toDate' of undefined. Without the toDate() | Date." After further investigation, I found: A Timestamp object with seconds=1545109200 and nanoseconds=0. A hel ...

angulartypescriptfirebasegoogle-cloud-firestore

Configuring VS Code's "tasks.json" file to compile all .ts files can be done by following these steps

Apologies if this question has been asked before, but could someone please redirect me to the relevant thread if so. I am wondering if it is possible to set up VS Code's "tasks.json" to automatically compile all .ts files within a folder. Currently, I ...

typescriptvisual-studio-code

Using TypeScript to work with asynchronous child_process.exec operations

Having trouble implementing a child_process.exec call with TypeScript and finding error handling to be quite challenging. Here's the basic idea of what I'm attempting: import { promisify } from "util"; import { exec, ExecException } fr ...

node.jstypescripterror-handling

Binding iframes in Angular 6

Is there a way to display iframe code stored in a variable within a div? Here's the HTML code: <div class="top-image" [innerHTML]="yt"></div> And here's the TypeScript code: yt = '<iframe class="w-100" src="https://www.you ...

htmlangulartypescriptiframe