question-mark
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.

CodePane not working properly when using create-react-app

See original GitHub issue

Hi,

I followed create-react-app my-presentation --scripts-version spectacle-scripts to create a simple presentation.

I have a CodePane like:

<CodePane lang="elixir" source={require("raw-loader!./assets/digger_step1.example")} />

I get the following error:

Failed to Compile displays in the browser along with a message Line 63: Unexpected '!' in 'raw-loader!./assets/demo.example'. Do not use import syntax to configure webpack loaders import/no-webpack-loader-syntax

I added "raw-loader": "^0.5.1" in the package.json and did npm install but that hasn’t resolved the issue.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:15
  • Comments:13 (5 by maintainers)

github_iconTop GitHub Comments

15reactions
markeriksoncommented, Mar 4, 2018

I’d be fine with adding raw-loader to spectacle scripts. After all, that’s the point of having a custom fork of react-scripts in the first place. (Also, spectacle-scripts needs to have the latest version of react-scripts merged in anyway.)

3reactions
ryan-roemercommented, Aug 12, 2018

It looks like this landed in spectacle-scripts a while ago https://github.com/FormidableLabs/spectacle-scripts/pull/2 but we maybe forgot to publish it to npm.

Can someone verify / try things off of github master and report back here? Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using React in Codepen but not getting anything
It's a simple code that should return three clickable buttons but I see nothing in the output window other than blank, and I'm...
Read more >
React App not rendering on Codepen - JavaScript
I've been making the 25 + 5 clock project but my app is not rendering on codepen. Here's the link to pen: codepan...
Read more >
create-react-app - CodePen
Insecure Resource. The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https....
Read more >
Front End Libraries Projects - Build a Random Quote Machine ...
Describe your problem and how to reproduce it: Challenge says You can build your project by forking this CodePen pen. Or you can...
Read more >
Integrating with Other Libraries - React
How to Approach the Problem. To demonstrate this, let's sketch out a wrapper for a generic jQuery plugin. We will attach a ref...
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found