Typescript files show errors in IntelliJ IDEA Community Edition

Question

I am facing issue with TypeScript in IntelliJ IDEA Community Edition. Earlier I have used IntelliJ IDEA Ultimate Edition for Angular 2 development and it works fine.

This is the error I am getting in my .ts file. Plus there is no intelliSense. Is this feature unavailable in the Community Edition?

Answer 1

This is because of the plugin TYPO3 Typescript Enterprise 2.6.3. Which does not work well on Intelli CE.

to solve problems you must remove or disable the plugin in the settings. Open IntelliJ settings and search plugins, then search for plugin TYPO3 Typescript and disable it as on the following image

Answer 2

As zhengyue pointed out in comments, apparently you are using the "TypoScript" plugin, which is not a "Typescript" plugin.

I made the same mistake. And I also had the same problems that you experienced. Personally I thought it was the @Component decorator that messed things up. But it was zhengyue who pointed out I was using the wrong plugin.

---

The conclusion for me was that it was better to search for a good alternative. Because I still want to develop my back-end in Java, I wanted ...

• something that integrates with IntelliJ as good as possible
• but still something which is powerful.

At first I tried eclipse, and found powerful tools in their marketplace, which turned out to be commercial products and expired after 8 days.

Secondly, I downloaded "Visual Studio Code", (not to be confused with the full blown Visual Studio). It is FAST and user-friendly. It launches in less than 2 seconds on my system. And it has great plugins, which allow me to use code completion and refacturing tools. Here is the list of plugins I have installed:

As you can see, there is a plugin that makes you use the keybindings of intellij.

In IntelliJ I configured my ".ts" files to be handled as javascript files. Because it's better than nothing.

I work in IntelliJ all day when I'm working on the Java back-end, and thanks to the javascript features, I still have some (limited) code highlights for the Angular front-end as well. But, when I want to edit something in the front end, I use Visual Studio Code. To make this a smooth transition, I right-click inside the file and use an external tool configuration:

Inside my IntelliJ I configured the root of the angular project as a module. Then the configuration of this external tool looks like this:

This allows me to switch from IntelliJ to Visual Studio code in about 2 seconds, and immediately to the correct line in the correct file.

So, that's what my free Angular-with-Java-combo development workspace looks like.

Answer 3

JavaScript/TypeScript support and many other features are not available in the Community Edition.