) expected ts-styled-plugin(9999)

See original GitHub issue

    background-image: url(${p =>
        p.disabled ? 'assets/img/button-grey.png' : p.image});

If I disable the whole plugin using compilerOptions the code colors is a mesh.

Issue Analytics

State:
Created 4 years ago
Reactions:27
Comments:26 (4 by maintainers)

Top GitHub Comments

17reactions

MilanKrupacommented, Aug 18, 2020

I kind of found a solution for this issue in vscode. Just install vscode-styled-components in Diego Lincoln’s version instead of Julien Poissonier’s. This version has typescript-styled-plugin removed and it works perfect for me.

Link to fixed version

12reactions

publicJorncommented, Jan 8, 2020

If you have the same issue, you can work around it like this:

const elem = styled.div`
  border-radius: 10px;
  background-image: url(${(p) =>
      p.available ? availableIcon : unavailableIcon});
`

becomes:


const elem = styled.div`
  border-radius: 10px;
  ${(p) =>
      p.available
        ? `background-image: ${availableIcon};`
        : `background-image: ${unavailableIcon};`}
`

Top Results From Across the Web

reactjs - Why do my styled component keyframes error with ts ...

Why do my styled component keyframes error with ts-styled-plugin(9999) in react when using percentage instead of TO/FROM · Ask Question. Asked 1 ...

typescript-styled-plugin - npm

TypeScript language service plugin that adds IntelliSense for styled components. Latest version: 0.18.2, last published: a year ago.

[Solved]-Why do my styled component keyframes error with ts ...

[Solved]-Why do my styled component keyframes error with ts-styled-plugin(9999) in react when using percentage instead of TO/FROM-Reactjs. Search.

typescript-styled-plugin | Yarn - Package Manager

typescript-styled-plugin. owner Microsoft238.6kMIT0.18.2TS vulns 0 vulnerabilities. TypeScript language service plugin that adds IntelliSense for styled ...

vscode-styled-components - Visual Studio Marketplace

Changes: · ~~typescript-styled-plugin removed~~ · ~~CSS autocompletion(snippets) with colon and semicolon added~~ · typescript-styled-plugin ...