Codepen not deploying. Script loading issue?

Does anyone know why this codepen is not deploying?
I have a version working fine here:

When I try to add in the libraries to head, it won’t load. Do I have the load order wrong? The version Im showing will load correctly, for demo purposes. But removing the library scripts from codepen’s script loading mechanism will break the pen. The scripts are not being loaded from head correctly.

Thanks if you have any ideas.

You are missing .js in react-with-addons.min.js in the HTML.

A couple of points:

  • You are loading scripts both in the Codepen settings and in the HTML. Pick one, don’t do both.

  • You are using an old version of React 15.4.2, is there a reason for this? TransitionGroup is a stand-alone now.

Adding the js at the end fixed it… thanks for that, very sharp eyed.

  • I loaded the scripts in the codepen settings just to show the pen working. I’ve removed them now. The pen works fine after fixing the url.

  • I used an old version of React because the original author of the pen used an old library. I wasn’t sure if upgrading the library would cause compatibility issues. If you have any suggestions on current best practices for TransitionGroup please let me know.


Get in the habit of always checking the browser console when something doesn’t work. I looked and saw an error for the script loading which pointed me in the right direction.

Fair enough, that makes sense.

You can try making a fork and testing using the latest version of React and the stand-alone version of the add-on. Or not, I guess it doesn’t really matter.

Happy coding.

I should’ve checked the browser console, right. It was early in the morning and I didn’t think…

I could make two forks and test them side-by-side. If you say it doesn’t matter, I’ll leave it for now.


This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.