Bootstrap toggle initiated twice

Question

Closed this issue 8 years ago · 7 comments

Bootstrap toggle can load twice.

Related #1

Answer 1 · 2017-02-24T11:18:35.000Z

Hang on, isn't this run while compiling and not in the actual browser? that might be the cause?

Answer 2 · 2017-02-24T14:59:57.000Z

Sure, the require function is transformed to something else by webpack, but the module still is only imported if the condition passes.

Answer 3 · 2017-02-24T15:21:27.000Z

I just ran a couple of tests. This only happens in the following scenarios:

You have a script tag loading bootstrap-toggle.js after you've loaded your app.js.
You have a script tag loading bootstrap-toggle.js before your app.js, but you also have jQuery loaded twice. This could happen when having a script tag loading it and also having it as a dependency in your app.js. When this happens, the check I'm doing here will always return false and load bootstrap-toggle a second time. Otherwise, the check does it's job.

In general, you should never include bootstrap-toggle.js anywhere in your code.

I'm going to close this as I feel I can't really do anything here. This is more an issue of having well organized dependencies in the project.

Let me know if there's any other way I can help you!

Answer 4 · 2017-02-24T15:39:40.000Z

Primary problem is that many projects/plugins/libraries often directly ask you to place it in the html file.

Answer 5 · 2017-02-24T15:54:13.000Z

It is understood that wrappers for use in popular JS frameworks will generally already include those dependencies for you under the hood.

Answer 6 · 2017-02-24T16:06:54.000Z

But for example in the case of bootstrap-toggle, you put the css and javascript in the site and it works.

Then you try e.g. this wrapper, and the previously added elements can be easily forgotten or overseen.

Answer 7 · 2017-02-24T16:23:07.000Z

This is more an issue of having well organized dependencies in the project.