Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Not working in JS (astroturf)

See original GitHub issue

I’ve tried adding javascriptreact to the languages list without success:

  "colorize.include": [".tsx", ".jsx", ".ts", ".js"],
  "colorize.languages":[
    "css",
    "sass",
    "scss",
    "less",
    "postcss",
    "sss",
    "stylus",
    "xml",
    "svg",
	"javascript",
    "javascriptreact"
  ],

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:9 (5 by maintainers)

Top GitHub Comments

4reactions

KamiKillertOcommented, Jun 1, 2019

I’m sorry but I haven’t been able to reproduce yours issues @ranihorev @ivancuric . Have you try adding typescriptreact in the setting colorize.languages

Jun-01-2019 16-16-15

You can also use colorize.include

Jun-01-2019 16-19-05

3reactions

sethsthacommented, Mar 13, 2020

    "colorize.languages": [
        "css",
        "scss",
        "javascriptreact",
        "typescriptreact"
    ],

Remove the react and it works

    "colorize.languages": [
        "css",
        "scss",
        "javascript",
        "typescript"
    ],

Top Results From Across the Web

How can I use Astroturf with Create React App? - Stack Overflow

To make astroturf working you should push one new rule to generated by Create React App webpack rules: { test: /\.(js|mjs|jsx|ts|tsx)$/, ...

astroturf - npm

astroturf. astroturf lets you write CSS in your JavaScript files without adding any runtime layer, and with your existing CSS processing ...

Compare Artificial Turf Warranty Of The Best Artificial Grass ...

Compare artificial turf warranty from the best synthetic turf suppliers on the ... Color fading is the key problem with imported grasses.

Astroturf: Building a static, runtime-free, CSS-in-JS Library

CSS-in-JS libraries tend to solve the problem of colocating and scoping styles with their components by deferring style sheet construction until runtime.

Artificial Turf Fields - CT.gov

Newer artificial turf fields were developed to simulate natural grass fields by ... Journal of Toxicology and Environmental Health, Part A: Current Issues, ......