Глоток не добавляя правильные CSS/JS пути к index.html

Bootstrap нагрузки правильно, но не в обычае styles.cssГлоток не добавляя правильные CSS/JS пути к index.html

Обратите внимание на '../public' в Bootstrap и JQuery файлов, но не на styles.css

Вот index.html

<head> 
    <!--bower:css--> 
    <link rel="stylesheet" href="../public/lib/bootstrap/dist/css/bootstrap.css" /> 
    <!--endbower--> 
    <!--bower:js--> 
    <script src="../public/lib/jquery/dist/jquery.js"></script> 
    <script src="../public/lib/bootstrap/dist/js/bootstrap.js"></script> 
    <!--endbower--> 
    <!-- inject:css --> 
    <link rel="stylesheet" href="/public/css/styles.css"> 
    <!-- endinject --> 
    <!-- inject:js --> 
    <script src="/public/js/app.js"></script> 
    <!-- endinject --> 
</head>

Вот gulpfile.js

var gulp = require('gulp'); 

gulp.task('inject', function() { 
    var wiredep = require('wiredep').stream; 
    var inject = require('gulp-inject'); 

    var injectSrc = gulp.src(
     ['./public/css/*.css', './public/js/*.js'], 
     { read: false } 
); 

    var options = { 
     bowerJson: require('./bower.json'), 
     directory: './public/lib' 
    }; 

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

Вот ошибка от доступа к index.html

GET file:///C:/public/css/styles.css net::ERR_FILE_NOT_FOUND 
GET file:///C:/public/js/app.js net::ERR_FILE_NOT_FOUND

Структура проекта

- project 
    - public 
     - css 
     - js 
     - lib 
    - views 
    gulpfile.js 
    etc..

источник

2016-08-20 Jean-CS

Слэш / Перед public:

<link rel="stylesheet" href="/public/css/styles.css"> 
<script src="/public/js/app.js"></script>

Должен быть удален, написать это вместо ="public/.. если это будет получить путь от корня вашего диска, если вы runni локально.

источник

2016-08-20 18:58:02 Nhan

Глоток не добавляя правильные CSS/JS пути к index.html

ответ

Смежные вопросы