大口注射并不是向index.html注射任何东西。
我在跟踪这个黑客中午吞咽自动化教程。
不幸的是，我已经被困在步骤6，介绍了吞咽注射的使用。
尽管逐字地执行了这些步骤，但在(我正在windows机器上进行开发)中仍会收到以下错误：
gulp-inject Nothing to inject into index.html.它还生成一个HTML文档，其中包含一些未知的(至少对我来说)编码字符。下面是来自index.html的代码：
��<�!DOCTYPE html>
<�html>
<�head>
<�!-- src/index.html -->
<�!-- inject:css -->
<�!-- endinject -->
<�/head>
<�body>
<�!-- inject:js -->
<�!-- endinject -->
<�/body>
<�/html>我已经调查过这个问题，到目前为止，我还遇到了其他几个问题，这些问题也产生了"Nothing“消息，但它们似乎要么是流问题、忘记设置文件目标，要么是不需要相关的套餐。。
我还将提供下面的相关代码，以确保：
gulpfile.js
// gulpfile.js
var gulp = require('gulp');
var inject = require('gulp-inject');
var paths = {
src: 'src/**/*',
srcHTML: 'src/**/*.html',
srcCSS: 'src/**/*.css',
srcJS: 'src/**/*.js',
tmp: 'tmp',
tmpIndex: 'tmp/index.html',
tmpCSS: 'tmp/**/*.css',
tmpJS: 'tmp/**/*.js',
dist: 'dist',
distIndex: 'dist/index.html',
distCSS: 'dist/**/*.css',
distJS: 'dist/**/*.js'
};
gulp.task('default', function () {
console.log('Hello World!');
});
gulp.task('html', function () {
return gulp.src(paths.srcHTML).pipe(gulp.dest(paths.tmp));
});
gulp.task('css', function () {
return gulp.src(paths.srcCSS).pipe(gulp.dest(paths.tmp));
});
gulp.task('js', function () {
return gulp.src(paths.srcJS).pipe(gulp.dest(paths.tmp));
});
gulp.task('copy', ['html', 'css', 'js']);
gulp.task('inject', ['copy'], function () {
var css = gulp.src(paths.tmpCSS);
var js = gulp.src(paths.tmpJS);
return gulp.src(paths.tmpIndex)
.pipe(inject( css, { relative:true } ))
.pipe(inject( js, { relative:true } ))
.pipe(gulp.dest(paths.tmp));
});来自 package.json的相关片段
"devDependencies": {
"gulp": "^3.9.1",
"gulp-debug": "^3.2.0",
"gulp-header": "^2.0.5",
"gulp-inject": "^4.3.2",
"gulp-load-plugins": "^1.5.0"
},
"dependencies": {}index.html (来自src目录)
<!DOCTYPE html>
<html>
<head>
<!-- src/index.html -->
<!-- inject:css -->
<!-- endinject -->
</head>
<body>
<!-- inject:js -->
<!-- endinject -->
</body>
</html>任何线索都将不胜感激，并感谢您抽出时间阅读这个问题。
回答 1
Stack Overflow用户
发布于 2018-04-20 12:45:13
我已经找到了解决我的问题的方法，我希望其他人也会觉得这很有帮助。
整个情况从来都不是吞咽或插件的问题。这是我在Windows 10上使用的Visual代码，它自动检测到我的index.html是UTF-16 BE编码，因此当gulp将其吐出时，当编码结果文件得到奇怪的符号时会发生一些事情--这都是编码问题.
只需在Visual代码中指定您想要将文档保存在UTF-8中，那么所有内容都应该很好(要做到这一点，请查看编辑器窗口的右下角，您可以在其中选择编码)。
https://stackoverflow.com/questions/49699987
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号