Bootstrap sonlarını yerel bir kopyasına bağlama CSS

İşte sorun burada. Çalışmak için bir açısal + bootstrap uygulaması geliştiriyorum ve gelişimin en başlangıç aşamasındayım. Önyükleme kullanarak UI'nın yalnızca bazılarını oluşturmaya çalışıyorum. Ancak, bazı nedenlerden dolayı, Bootstrap'in yerel bir kopyasına her bağlandığımda, tüm css kesiliyor. Azaltılmış olsun ya da olmasın fark etmez. İşteBootstrap sonlarını yerel bir kopyasına bağlama CSS

Ben Bootstrap cdn sürümünü açıklama ve benim yerel kopyasını un-yorum yaparsanız şu anda

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title></title> 
    <meta charset="UTF-8"> 
    <link rel="stylesheet" href="/client/app/lib/bootstrap/bootstrap.css"> 
    <!-- Latest compiled and minified CSS --> 
    <!--<link rel="stylesheet"  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" 
    integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">--> 
</head> 
<nav> 
     <ul class="nav nav-tabs" role="tablist"> 
      <li role="presentation"><a>Option A</a></li> 
      <li role="presentation"><a>Option B</a></li> 
      <li role="presentation"><a>Option C</a></li> 
      <li role="presentation" class="active"><a>Option D</a></li> 
     </ul> 
</nav> 
<body> 


    <div class="container"> 
     <div class="panel panel-default"> 
      <div class="panel-body">Stuff goes here!</div> 
     </div> 
    </div> 

</body> 
</html>

ne var, her şey gayet iyi çalışıyor. Çevrimdışı çalışabilmem için yerel bir kopya kullanmayı tercih ederim. Herhangi bir yardım büyük takdir edilecektir.

Sadece ben doğru yerel yolu olmadığını göstermek için DÜZENLEME, burada proje klasör yapısı (görmezden node_modules içeriğini klasör)

Client 
\---app 
    +---core 
    \---lib 
     +---angular (ignoring content of this folder) 
     +---bootstrap 
       bootstrap.css 
     \---font-awesome-4.5.0 (ignoring content of this folder) 
\---node_modules (ignoring content of this folder) 
Server 
    web-server.js

DÜZENLEME 2

Ne tür hatalar olduğunu görmek için Chrome'daki geliştirici araçlarını kontrol ediyordum (bana fikir vermek için Anonymouse'a teşekkürler) d yukarı

Uncaught SyntaxError: Unexpected token <    bootstrap.js:1

o index.html götür ve ben bootstrap.js için komut etiketi bulunan çizgiyi vurgular aşağıdaki.

yerine burada here yerel sürümü almak, bir sonraki hata

bir CDN kullanmayın

Resource interpreted as Stylesheet but transferred with MIME type text/html: 
"http://localhost:7000/lib/bootstrap/boostrap.css"

kaynak

2016-04-14 MuffinTheKid

cdn sürümünü bootstrap'inize kopyalamayı denediniz mi?css –

"Yerel kopyanızı imzalarsam her şey yolunda gider" ile ne demek istiyorsun? – kojow7

Yerel CSS dosyasına doğru yolu kullandığınızı doğrulamaya çalışın. – frederickf

İyi Haber

Sorunu çözdüm. Sorun benim sunucu kodumdan kaynaklandı. İşte

Ben emin yapmadığını sorun

app.use(express.static(rootPath + 'client/app');

olmalıydı

app.use(express.static(rootPath + '/app');

doğrultusunda oldu

var express = require('express'); 
var path = require('path'); 
var app = express(); 
var rootPath = path.normalize(__dirname + '/../'); 

app.use(express.static(rootPath + '/app')); 

app.get('*', function(req, res) { res.sendFile(rootPath + 'client/app/core/index.html'); }); 

app.listen(8000); 
console.log('Listening on port 8000...');

referans kodudur css ve js dosyaları için ekspres tararken yol doğrudur.

Hikayenin ahlakı, küçük ayrıntıların üzerine asla parlaklık vermez.

kaynak

2016-04-14 20:14:02 MuffinTheKid

olduğunu. Bunun nedeni basitlik, hız ve esnekliktir. Eğer (Ben yapmak) yapmanız gereken, sorununuz CDN kullanıyorsa

mkdir updateLib 
cd updateLib 
mkdir css 
mkdir js 
mkdir img 
cd css 

REM use Curl -O http://cdn.url here (you ust have cygwin installed) 

cd .. 
cd js 

REM use Curl -O http://cdn.url here (you ust have cygwin installed) 

cd .. 
cd .. 
copy lib/img/* updateLib/img 

rm -rfv lib 
REN updateLib lib 

msg %username% "libs updated!"

(aşağıya bakınız) CDN kullanarak tüm yerel kütüphanelerini yükseltmek için kök bir komut dosyası oluşturmak olduğunu buna bir çözüm bu da dahil.

kaynak

2016-04-14 18:57:25 RhysO

Yerel versiyonum, bootstrap sitesinden. Ayrıca, bunu deneyeceğim. – MuffinTheKid

@MuffinTheKid CDN bağlantısını kaldırın ve yerel olarak uncomment. JS'ye de ihtiyacınız var ve ben de CSS haritasını öneririm (hata ayıklama amacıyla). – RhysO

tüm bunları yaptı ve hala bir nedenden dolayı çalışmıyor. – MuffinTheKid

Bootstrap sonlarını yerel bir kopyasına bağlama CSS

cevap

İlgili konular