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.

[bootstrap-4] No UMD dist for bootstrap-4 theme

See original GitHub issue

Prerequisites

Description

Bootstrap4 theme doesn’t allow UMD/AMD use, while core does. As far as I understand, this makes the dist versions built with npm run build impossible to use via RequireJS (bootstrap-4.cjs.production.min.js, bootstrap-4.esm.js).

Steps to Reproduce

  1. run npm install, npm run build as per docs
  2. Include dist files into project
  3. use requirejs.config to include rjsf/rjsf-bs4
  4. see e.g. 'exports' is undefined

Expected behavior

  1. run npm install, npm run build
  2. find umd dist in bootstrap-4 module

Actual behavior

There are no umd files in bootstrap-4 dist – see https://jsfiddle.net/v7ka24od/1/

Version

v2.4.0

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:8
  • Comments:14 (12 by maintainers)

github_iconTop GitHub Comments

3reactions
EricLanduytcommented, Feb 4, 2021

would indeed be nice to have this, as I suppose it would also allow using all the themes from various CDNs, which seems impossible so far. 😦

ex: https://www.jsdelivr.com/package/npm/@rjsf/material-ui?path=dist

2reactions
stringfellowcommented, Nov 26, 2020

Thanks for the hint @epicfaace - I’m afraid I’m so far removed from typescript/webpack/etc workflows and working environment that this is almost a new technology to me right now (versus using r.js and AMD) - is it an onerous task or a simple config change? (i.e. is it something that someone who knows how that workflow works, could do with small effort; or is it a more fundamental change to the way this library is built?)

I wish I were more up to date with this and could help fix it 😦

Read more comments on GitHub >

github_iconTop Results From Across the Web

Introduction - Bootstrap
Get started with Bootstrap, the world's most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.
Read more >
Bootstrap v4
A getting started of add Bootstrap Table to Bootstrap v4, how to download and use, basic templates, and more.
Read more >
Bootstrap 4 Get Started - W3Schools
Bootstrap is a free front-end framework for faster and easier web development · Bootstrap includes HTML and CSS based design templates for typography,...
Read more >
Bootstrap 4 JavaScript plugins errors [#3067615] | Drupal.org
node_modules/bootstrap/dist/js/bootstrap.min.js: {} but node_modules doesn't exist. Should we remove this lib? 2. On child theme ...
Read more >
How to add Bootstrap to HTML (Step by Step Guide)
Adding Bootstrap 4 CDN to HTML. For CSS: Copy this stylesheet link to ... <script src=”https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js” ...
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