[html] typescript-language-server can't find types for dom elements #2587
Description
Using one of templates via yarn create solid i've chose bare project with typescript in it.
After lsp loads in text editor it throws error that it can't resolve div. h1 and any other dom types .
It also gives The left-hand side of an alignment expression must be variable or a property access error.
Also it seems that formatter can't properly format .tsx files. After applying formatting it looks like this:
import type { Component } from 'solid-js';
import logo from './logo.svg';
import styles from './App.module.css';
const App: Component = () => {
return (
<div class= { styles.App } >
<header class={ styles.header }>
<img src={ logo } class={ styles.logo } alt = "logo" />
<p>
Edit < code > src / App.tsx </code> and save to reload.
</p>
< a
class={ styles.link }
href = "https://github.com/solidjs/solid"
target = "_blank"
rel = "noopener noreferrer"
>
Learn Solid
</a>
</header>
</div>
);
};
export default App;