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.

no errors but styles are not being output

See original GitHub issue

I’m using expo 3.4.1 with a blank app and have followed your setup instructions however no styles are transformed

import styles from "./App.scss";

console.log('styles', styles)

the output of this is styles /static/media/App.f330be79.scss

I’m assuming that it should actually output the styles object. I’m using a typescript project

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:1
  • Comments:12 (7 by maintainers)

github_iconTop GitHub Comments

kristerkaricommented, Oct 30, 2019

I could not get the project from your repo to work, but I created a new project with Expo and got it to work. When using Typescript is important to check that the extensions match:

    "packagerOpts": {
      "config": "metro.config.js",
      "sourceExts": ["ts", "tsx", "scss", "sass"]
kristerkaricommented, Mar 17, 2020

@riccardolardi not yet, I haven’t had a look at the Expo Web support yet. I’m guessing that it would need some kind of a plugin/webpack setup to get it to work.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Complete list of reasons why a css file might not be working
3. The URL you're using inside your HTML link tag may be unaccessable, so manually try to visit the stylesheet with a browser...
Read more >
Webpack - No Output File, No Errors Reported · Issue #1736
I'm getting weird inconsistencies with webpack like you've described - i.e. no errors but no output and I'm not using devtool : 'source-map' ......
Read more >
How to Troubleshoot CSS Not Working - WPForms
Have you added custom CSS for your forms, but not been able to see it come through? Here's how to troubleshoot when your...
Read more >
media - CSS: Cascading Style Sheets - MDN Web Docs
The @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media...
Read more >
Command Line Interface - ESLint - Pluggable JavaScript Linter
--init; --env-info; --no-error-on-unmatched-pattern; --exit-on-fatal-error ... list (other than --ignore-pattern , which does not allow the second style).
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found