1. ev
  2. Soru-cevap
  3. npm ile bootstrap kullanımı değiştiriliyor

npm ile bootstrap kullanımı değiştiriliyor

2015-07-27 24 views
6

Şu anda bootstrap kullanan bir proje üzerinde çalışıyorum. Ancak bu, bootstrap dosyalarını bir alt dizine yükleyerek gerçekleştirilmiştir. Npm kullanmaya devam etmek istiyorum, çünkü bu güncel kalmayı çok daha kolaylaştıracaktır.npm ile bootstrap kullanımı değiştiriliyor

kaynak klasöründe 
var ms = require('ms'); 
var join = require('path').join; 
var less = require('transform')('less'); 
var express = require('express'); 
var app = express(); 

.............*other code* 

app.get('/bootstrap.css', less(join(__dirname, 'source', 
            process.env.COMPANY_ID + '-root.less'))); 
app.get('/print.css', less(join(__dirname, 'source', 
           process.env.COMPANY_ID + '-print.less'))); 

module.exports = app;

biz sonra çeşitli az dosyalarını alır bir company-root.less dahil .less dosyaların bir numara var:

Bizim mevcut style klasör + an index.js dosyası alt klasörler olarak bootstrap ve source içerir 

@import "./bootstrap/bootstrap.less";  
@import "./variables/all.less"; 
@import "./variables/company.less"; 
@import "./customcss.less";  
@import "./subnav.less";  
@import "./nav-list.less";

package.json'a bootstrap ekledim ve npm install'u çalıştırıyorum, böylece bootstra var p node_modules klasöründe, ancak yeni dosyalar ile çalışmaya proje alamıyorum.

@import (npm) "bootstrap";

VEYA

@import "../../node_modules/bootstrap/less/bootstrap.less";
: Ben company-root.js ilk satırını değiştirerek denedim 

TypeError: Cannot set property 'emulateTransitionEnd' of undefined 
    at C:\Users\Dee\Documents\GitHub\MAPS\node_modules\bootstrap\js\transition.js:36:29

: Ben Bu bana bir hata verir index.js içine

var $ = require('jQuery'); 
global.jQuery = $; 
require('bootstrap');

koyarak denedim

Ancak bu yalnızca biçimlendirmede sonuç vermiyor.

Ağları trolle üç saat harcadım ama ilerleme kaydediyorum. Biri bana yardım edebilir mi lütfen?

kaynak

2015-07-27 Dee Lindesay

cevap

0

Ben de bu hatayı alıyordum içinde, bazı durumlarda çalışır. HTML'de bootstrap gerektiren küçük bir demo üzerinde çalışıyordum ve require(bootstrap) kullanarak .js dosyasında bootstrap'i yüklemeye çalışıyordum.

require(bootstrap0 dosyasını .js dosyasından kaldırdım.

benim HTML gitti ve sadece bu gibi <head> için ön yükleme alanı eklendi: 

var app = require('express')(); 
var http = require('http').Server(app); 
var io = require('socket.io')(http); 
global.jQuery = require('jquery');

projemi Ran ve iyi çalıştı: 

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

Benim .js dosya budur. Hata gitti. Bunun sizin aradığınız şey olmadığını anlayabiliyorum, ama çözümümüzü başka birinin bu hata mesajını alması durumunda gönderilmesini istedim.

kaynak

2017-07-20 20:13:31 Flea

İlgili konular

 İlgili konular