吞嚥注入不能正常工作

Question

我使用gulp注入命令將我的CSS和js文件添加到html頁面。當我檢查文件時，文件被注入，但是當我運行html頁面時，它顯示沒有找到文件，並且它不加載文件。

這是一飲而盡文件 -

var gulp = require('gulp'); 
var jshint = require('gulp-jshint'); 
var jscs = require('gulp-jscs'); 
var nodemon = require('gulp-nodemon'); 


var jsFiles = ['*.js','src/**/*.js']; 

gulp.task('style',function(){ 
    return gulp.src(jsFiles) 
     .pipe(jshint()) 
     .pipe(jshint.reporter('jshint-stylish',{ 
      verbose: true 
     })); 
}); 

gulp.task('inject',function(){ 

    var wiredep = require('wiredep').stream; 
    var inject = require('gulp-inject'); 
    var injectSrc = gulp.src([__dirname + '/public/css/*.css',__dirname + '/public/js/*.js'],{read: false}); 
    var injectOptions = { 
     ignorePath: '../..public' 
    }; 

    var options = { 
     bowerJson: require(__dirname + '/node_modules/bower/lib/node_modules/qs/bower.json'), 
     directory: './public/lib', 
     ignorePath: '../../public' 
    } 

    return gulp.src('./src/views/*.html') 
       .pipe(wiredep(options)) 
       .pipe(inject(injectSrc,injectOptions)) 
       .pipe(gulp.dest('./src/views')); 

}); 

gulp.task('serve', ['style','inject'], function(){ 


    var options = { 
     script: 'app.js', 
     delayTime: 1, 
     env:{ 
      'PORT': 3000 
     }, 
     watch: jsFiles 
    } 
    return nodemon(options) 
      .on('restart',function(ev){ 
       console.log('Restarting....'); 
      }) 
}) 

這是我app.js -

var express = require('express'); 

var app = express(); 
var port = process.env.PORT || 5000; 

//app.use(express.static('public')); 
app.use(express.static(__dirname + '/public')); 
app.use(express.static(__dirname + '/src/views')); 

app.get('/',function(req,res){ 
    res.send('Hello World'); 
}); 
app.get('/books',function(req,res){ 
    res.send('Hello Books'); 
}); 
app.listen(port,function(err){ 
    console.log('running server on port'+ port); 
}); 

但還是文件沒有得到我的加載HTML網頁。

任何人都可以幫助我理解問題是什麼？

文件注入HTML頁面：

Answer 1

固定的問題。

改線 -

var injectOptions = { 
     ignorePath: '../..public' 
    }; 

到這 -

var injectOptions = { 
     ignorePath: '/public' 
    };