所以我知道此错误还有其他实例,但无论我尝试什么其他方法,我都会继续收到此错误
throw err;
^
Error: Cannot find module 'browser-sync'
at Function.Module._resolveFilename (module.js:470:15)
at Function.Module._load (module.js:418:25)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (C:\Users\shiha\Desktop\coding\html\myWebsite\gulpfile.js:3:19)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
我尝试清理缓存并调用 npm install 以及 npm i broswer-sync --save。没有什么变化。
这是我的 gulp 脚本的副本,但我不认为我做错了什么。
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync');
gulp.task('browserSync', function() {
browserSync.init({
server: {
baseDir: 'app'
},
})
})
gulp.task('sass', function() {
return gulp.src('app/scss/**/*.scss')
.pipe(sass())
.pipe(gulp.dest('app/css'))
.pipe(browserSync.reload({
stream: true
}))
});
gulp.task('watch', ['browserSync', 'sass'], function (){
gulp.watch('app/scss/**/*.scss', ['sass']);
// Reloads the browser whenever HTML or JS files change
gulp.watch('app/*.html', browserSync.reload);
gulp.watch('app/js/**/*.js', browserSync.reload);
});
我使用的是 Windows 机器 npm -v = 5.6 Node -v = 7.4
提前致谢,我只是卡住了。 另外,这是我的 json 的副本,因为起初我以为我丢失了该包,但我已经安装了它。当我回想起 npm install 时,我只是得到“最新的”
"devDependencies": {
"browser-sync": "^2.21.0",
"gulp": "^3.9.1",
"gulp-sass": "^3.1.0"
}
}
最佳答案
似乎缺少软件包,只需执行 npm install 即可。
npm install browser-sync --save
关于javascript - Gulp 脚本 [Gulp Watch] - 找不到模块 'browser-sync',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47971116/