Code Monkey home page Code Monkey logo

Comments (4)

OwenMelbz avatar OwenMelbz commented on June 18, 2024

Does your bootstrap.js still try to include jQuery and Bootstrap?

If so - you will need to remove them.

from uikit3.

bramvanhoutte avatar bramvanhoutte commented on June 18, 2024

Remove bootstrap.js or JQuery and Bootstrap?

from uikit3.

OwenMelbz avatar OwenMelbz commented on June 18, 2024

The error basically says that your bootstrap.js file (nothing to do with twitter bootstrap) contains 2 bits of code, which webpack cannot find.

These 2 missing bits of code are bootstrap-sass and jquery

IF you want to use jQuery - you'll need to install jquery to your project, with something like npm install jquery

If you don't want jQuery, then delete the line of code within bootstrap.js which tries to include it, i imagine it will look something like $ = jQuery = requre('jquery')

--

As you're using UIKit and not Twitter Bootstrap, you will want to remove the code which tries to include it, this line of code probably just looks like require('bootstrap-sass')

So if you remove that bit of code from the bootstrap.js then it wont error

from uikit3.

bramvanhoutte avatar bramvanhoutte commented on June 18, 2024

Removing the bootstrap-sass and jquery referenced fixes the errors that occur when I run npm run dev. I am however still stuck with UIKit components not displaying properly. I have linked app.css and app.js to the View but the still component isn't showing correctly.

I am wondering how the UIKit javascript is linked to the page. Since I can't find references to it anywhere.

Trying to get a simple dropdown to work.

<button type="button"></button>
<div uk-dropdown>This is the content</div>

This is the result:
screen shot 2018-05-03 at 14 41 13

from uikit3.

Related Issues (9)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.