我正在尝试运行Web服务器并通过gulp-connect和gulp-open打开HTML文件.
服务器正在运行,html正确打开但不是通过服务器而是作为HDD中的文件打开.
在URL地址栏上,我可以看到:"file:/// Users/...."而不是" http:// localhost:9000 / "
有谁知道可能是什么问题？
谢谢你的帮助
"use strict";
var gulp = require('gulp');
var gulpConnect = require('gulp-connect'); // run a local dev server
var gulpOpen = require('gulp-open'); // open a URL in the browser
var config ={
port:'9000',
baseDevUrl:'http://localhost',
paths: {
html: './src/*.html',
dist:'./dist'
}
};
// start a local development server
gulp.task('connect',function(){
gulpConnect.server({
root:['dist'],
port: config.port,
base: config.baseDevUrl,
livereload:true
});
});
gulp.task('open',['connect'],function(){
gulp.src('dist/index.html')
.pipe(gulpOpen('',{ url: config.baseDevUrl +':'+ config.port +'/', app:'google chrome'}));
});
gulp.task('html',function(){
gulp.src(config.paths.html)
.pipe(gulp.dest(config.paths.dist))
.pipe(gulpConnect.reload()); …这个gulp文件有什么问题？当它打开浏览器时,它不会显示index.html.相反,它列出了'dist'的内容,即包含index.html的目录.
"use strict";
var gulp = require('gulp');
var connect = require('gulp-connect'); // Runs a local dev server
var open = require('gulp-open');
var config = {
port: 9005,
devBaseUrl: 'http://localhost',
paths: {
html: './src/*.html',
dist: './dist'
}
};
//Start a local development server
gulp.task('connect', function() {
connect.server({
root: ['dist'],
port: config.port,
base: config.devBaseUrl,
livereload: true
});
});
gulp.task('open', ['connect'], function () {
gulp.src('dist/index.html')
.pipe(open({
uri: config.devBaseUrl + ':' + config.port + '/',
app: 'chrome' }));
});
gulp.task('html', function() {
gulp.src(config.paths.html)
.pipe(gulp.dest(config.paths.dist)) …我的 gulpfile.js 如下所示，
var gulp = require('gulp');
var pug = require('gulp-pug');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-csso');
var concat = require('gulp-concat');
var sourcemaps = require('gulp-sourcemaps');
var connect = require('gulp-connect');
gulp.task('connect', function () {
connect.server({
root: 'build',
livereload: true,
port: 3000
});
});
gulp.task('html', function () {
return gulp.src('client/html/**/*.pug')
.pipe(pug({
pretty: true
}))
.pipe(gulp.dest('build'))
.pipe(connect.reload())
});
gulp.task('css', function () {
return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss', 'client/scss/*.scss'])
.pipe(sass({ outputStyle: 'compressed' }))
.pipe(gulp.dest('build/css'))
.pipe(connect.reload())
});
gulp.task('images', function () {
return gulp.src(['client/assets/**/*.*'])
.pipe(gulp.dest('build/assets'))
.pipe(connect.reload())
}); …我尝试为gulp-connect设置最少的设置.它在终端窗口中显示以下内容:Server started http://localhost:8080.但是,它没有像预期的那样启动Chrome并在此视频中看到.
var gulp = require('gulp'),
connect = require('gulp-connect');
var outputDir = "wwwroot";
gulp.task('connect', function() {
connect.server({
root: [outputDir],
open: {browser: 'Google Chrome'}
})});
使用AngularJS-1.6.5和Angular-ui-router-1.0.6 && Gulp-3.9.1
我遇到这个绝对令人讨厌的问题。我有一个似乎不错的有角度的应用程序，但是当我运行gulp-connect来运行它时，却一直无法按以下顺序加载模板错误：
vendor.js：14803错误：[$ compile：tpload]无法加载模板：app / auth / views / login.tpl.html（HTTP状态：undefined undefined）
vendor.js：34081转换拒绝（$ id：0类型：6，消息：转换错误，详细信息：错误：[$ compile：tpload]无法加载模板：app / auth / views / login.tpl.html（HTTP状态：未定义，未定义）
错误：[$ compile：tpload]无法加载模板：app / auth / views / login.tpl.html（HTTP状态：undefined undefined）
如果我运行了gulp构建过程，然后使用诸如httpster之类的东西来提供服务器，则页面显示正常，没有错误。但是，当我将gulp-connect添加到构建过程中时：
gulp.task("connect",["css", "vendor", "js", "watch", "webWorkers"], function
() {
connect.server({
port: 8888
});
});
我得到上面的错误。
这只是一天前的工作，无论出于何种原因，即使是以前的版本也不再起作用。我尝试重定向到另一个模板，验证所有条目都在模板缓存中，尝试检索网络上的文件而不是模板缓存，卸载/重新安装gulp-connect却没有任何效果。在这一点上，我完全陷入了困境，为了我的理智，需要尽快解决一些问题。
任何想法将不胜感激。
所以我的根目录结构包含
app/
bower_components/
node_modules
..bowercc
gulpfile.js
....etc.....
在app下是其他文件夹,如"
/css/
/js/
/assets/
index.html
/view/
所以我的问题是这是一个非常简单的gulp文件.我的凉亭组件不会加载,因此Angular永远不会附加.我的.bowercc看起来像:
{
"directory": "bower_components"
}
我的gulpfile.js看起来像:
// gulp var gulp = require('gulp');
// plugins var connect = require('gulp-connect');
gulp.task('connect', function () {
connect.server({
root: [__dirname],
port: 8888
});
});
我正在使用gulp connect插件并根据我的理解,因为我的bower_components位于根而不是'/ app'文件夹下,我可以简单地使用[dirname],但这会破坏事情.如果我将root选项留空,则不会加载任何依赖项,我会获得404的bootstrap,font-awesome等...我依赖于bower.
当然有些人了解如何解决这个问题？我不想求助于使用Require,因为我只想让它按照我的结构目前的方式工作.我能在这做什么？
非常感谢.
我正在尝试在不同的 gulp 任务中启动和停止 gulp-webserver，如下所示：
gulp.task('webserver', ['build'], function () {
gulp.src([config.build, config.base])
.pipe(webserver({
livereload: false,
directoryListing: false,
open: true
}));
});
gulp.task('webserver-stop', function () {
var stream = gulp.src([config.build, config.base])
.pipe(webserver());
stream.emit('kill');
});
我能够成功启动服务器，但是当我尝试停止 using 时gulp webserver-stop，它会出现以下错误。
[19:36:30] Finished 'webserver-stop' after 27 ms
events.js:160
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE 127.0.0.1:8000
at Object.exports._errnoException (util.js:1008:11)
at exports._exceptionWithHostPort (util.js:1031:20)
at Server._listen2 (net.js:1253:14)
at listen (net.js:1289:10)
at net.js:1399:9
at GetAddrInfoReqWrap.asyncCallback [as callback] (dns.js:65:16)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:84:10) …该站点上的大多数问题和答案都没有包含将两个库一起使用的易于遵循的一般方法。
因此，既然我们使用gulp-connectnpm软件包，并且想使用gulp-watchnpm软件包，那么如何设置它，以便我们可以：