CODEWITHSUNDEEP
reactjstypescriptreact-nativevisual-studio-code
thana
thana

Reputation: 461

['type aliases' can only be used in a .ts file]

I use command react-native init "name project" then open vscode appear to have error message code. (image)

enter image description here

Upvotes: 45

Views: 43109

Answers (9)

Jean Claveau
Jean Claveau

Reputation: 1461

I had the same issue using Vue 3. I realized afterwards I was enough dumb to forget the lang="ts" from the

<script lang="ts" setup>

Hoping this may help some dumb fellow mate :)

Upvotes: 0

Mohamed Souibgui
Mohamed Souibgui

Reputation: 147

instead of disabling Typescript and Javascript language features extension, you can go to the extension settings, find the option Javascript > Validate: Enable, and uncheck it to remove any warnings.

enter image description here

Upvotes: 0

alejandro pereira ALEW140
alejandro pereira ALEW140

Reputation: 304

In VScode

Press

CTRL + SHIFT + P

Use this command

Open User Settings

copy and paste the next line in the search bar in settings

@ext:vscode.typescript-language-features

ready uncheck JavaScript validation

enter image description here

Upvotes: 4

kallayya Hiremath
kallayya Hiremath

Reputation: 4488

Helped me to resolve

To disable the [js] parser (connected to Typescript),

In VSCode menu: File -> Preferences -> User settings, (or ctrl+,) and add the following line

"javascript.validate.enable": false,

Upvotes: 2

G. Desenv
G. Desenv

Reputation: 1

I've solved this with a plugin for VSCode "Flow Language Support". It will control the errors of the code instead of the plug-in TS-JS (built-in plugin of VS Code). In Details of plugin, guides you how to disable the original plugin TS-JS VSCode.

Upvotes: 0

ishandutta2007
ishandutta2007

Reputation: 18184

This is what you need to do with VS Code, observe the gif carefully

Steps to resolve error
1. Go to extension
2. Click on more (...) and select Show Built-in extension
3. Search "TypeScript and JavaScript Language Features" - yellow & blue icon
4. Click on Setting icon of extension and select Disable (workspace)
5. Click on Reload / Restart Required

Upvotes: 69

Agung Pramono
Agung Pramono

Reputation: 439

Just disable built-in extension for TypeScript in VSCode. On the VSCode Extensions choose "Show Built-in Extensions" and then search for "TypeScript and JavaScript Language Features", Click disable then reload the VSCode. It works for me

Upvotes: 15

pashute
pashute

Reputation: 4053

If you are getting this in React Native its probably a known bug in VSCode, that when Google Flow (which competes with MS Typescript) is coded, shows errors erroneously mentioning Typescript.

Your current .js code is supposed to be preprocessed by Flow into another .js file with "proper" js.

So make sure Flow is installed and then disable the Typescript parsing support. Here's the official answer on the Flow installation webpage:

Set javascript.validate.enable option to false or completely disable the built-in TypeScript extension for your project (see gif below)...

Otherwise, you may want to stay as is and just change your code as suggested by C2P1 on March 19, 2018 on the github issue 631

To disable the [js] parser (connected to Typescript),

In VSCode menu: File -> Preferences -> User settings, (or ctrl+,) and add the following line

"javascript.validate.enable": false,

This answer was completed after seeing Idan Dagan's answer (Not the accepted answer) here: js 'types' can only be used in a .ts file - Visual Studio Code using @ts-check

And here's an excellent albeit old page about setting up the react-native environment, from Hackernoon. (You also have the VSCode React-native-full plugin)

Upvotes: 23

Joe
Joe

Reputation: 871

This is what you are looking for. Unfortunately I haven't Googled a proper solution but we have to disable some JS checking.

https://github.com/Microsoft/vscode-react-native/issues/631

Upvotes: 1

Related Questions