gulp.task("watch", ()=>{ gulp.watch(["js/**/*.js","less/**/*.less"], gulp.parallel("webpack", "less"));});
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
试下这个
还有就是,我哪里搞错了请大佬指正指正,谢谢
参考你的代码,结合老师的版本;解决报错 “Task function must be specified”
const gulp = require("gulp");
// 转译Javascrit
gulp.task("webpack", async()=>{
const webpack = require("webpack-stream");
gulp.src("./js/**/*.js")
.pipe(webpack())
.pipe(gulp.dest("../www/js"));
});
// 编译less -> css
gulp.task("less", async()=>{
const less = require("gulp-less");
gulp.src("./less/*.less")
.pipe(less())
.pipe(gulp.dest("../www/css"));
});
gulp.task("default", gulp.parallel('webpack', 'less', async()=>{await console.log("gulp complete!");}));
在手机页面上调试就会出现这个问题,不要点击这个按钮,就好了
版本问题: 高版本官网上这种注册方式已经不支持了,高版本用下边的方式
你的gulp版本和老师的不一致,图方便的话 把package.json中的 依赖部分代码改成
"devDependencies": { "babel-core": "^6.22.1", "babel-loader": "^6.2.10", "babel-preset-es2015": "^6.22.0", "gulp": "^3.9.1", "gulp-less": "^3.3.0", "gulp-util": "^3.0.8", "webpack-stream": "^3.2.0" }
然后删除node_modules包,重新 yarn install 或者npm install 一下 就可以运行了
我当时也遇到了这个问题,检查了一圈发现是 gulp 配置文件中的 webpack() 没有传入 config 配置。
// gulpfile.js gulp.task("webpack", () => { const webpack = require("webpack-stream"); const config = require("./webpack.config.js") gulp.src("./src/js/**/*.js") .pipe(webpack(config)) .pipe(gulp.dest("./www/js")) })
是自己的checkFillable 写出了,问题已经解决
缺少文件,重新安装以下 。
你的webpack版本可能是4.0的,而本篇文章用的版本不是4.0的,语法写法上是有出入的
gulp 4.0的原因。 最后
gulp.task("default",["webpack,"less"]);
修改一下
gulp.task("default", gulp.parallel('webpack', 'less',async()=>{await console.log("gulp complete!");}));
另外 webpack 和less两个任务也要加上async 和await来标示任务完成,否则会报错。这些是gulp4.0新的api,和之前不一样了
改了,能跑过,那还担心什么呢
代码可以在 https://gitee.com/jamesfancy/sudoku 找到,两个分支分别对应 JS 版和 TS 版。
你的问题:
> 话说,等于 0 的空格我们可以看到的吧!
本来确实可以看到 0,但是通过对样式的一些处理,把它隐藏了。0 在这个应用里就是表示空白用的。
> get 与其他方法是不一样???这些是属性?其他是方法?
对的,get xxx() {} 这种形式定义的是属性,用法是 bla = obj.xxx
不定义应该表示全局变量,虽然不建议这样用,但是应该不会报错的
> * 表示选择所有直接子级(就是不含孙级),后面的样式设置表示最大宽度不大于 450px
https://gitee.com/jamesfancy/sudoku
这里有更新过的代码可以参考
https://gitee.com/jamesfancy/sudoku
这里有源代码,请从 js-version 分支下载 js 版本的代码
这个……没搞懂你的问题啊……
VSCode 在非编辑区可以使用快捷键 ctrl+~
打开控制台。视频中是使用的 Start any shell。
具体什么原因要看输出的错误信息,如果没有安装 yarn,也可以用 npm init 来初始化。
录制视频的时候 npm 相对于 yarn 还较弱,不过现在 npm4~5 都很强了,有时候比 yarn 还快些
在命令控制台下可以使用 copy nul yourfile.name
来创建
PowerShell 下可以使用 new-item yourfile.name -type file
来创建
最新的代码在 Gitee(https://gitee.com/jamesfancy/sudoku) 上,已经修改为 gulp4 和 webpack4 了
最新的代码在 Gitee 上(https://gitee.com/jamesfancy/sudoku ),已经修改为 gulp4 和 webpack4 了
同问,求解决