浏览模式: 标准 | 列表分类:Javascript
Submitted by gouki on 2020, February 23, 1:03 PM
yarn add laravel-echo-server
yarn add v1.19.0
[1/4] ? Resolving packages...
[2/4] ? Fetching packages...
error Incorrect integrity when fetching from the cache
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
解决方法：
1、yarn config set unsafe-disable-integrity-migration false
2、yarn cache clean
3、yarn install -f 或者 直接 yarn add ..
问题解决。
Javascript | 评论:0
| 阅读:8031
Submitted by gouki on 2020, February 18, 2:27 PM
setWechatTitle 指的是这个插件：https://juejin.im/post/5cff17f45188252dd239943a
在微信里，涉及到后续改title总会有不能刷新，或者不能显示动态title的问题。这个插件就是为了解决它的。
然而，今天遇到的问题是。过早的设置this.wechat.title，导致input框无法输入（用的是element-ui）。测试过。普通 的input框可以（估计两者在CSS上会有冲突，没有细究）
最后简单偷懒的方法是将 这个触发放到了wx.ready(里)。至少表明，我页面元素都加载完了，才触发的。此时不再有任何冲突。
没有时间查问题出在哪里，是哪个语句导致的（因为只有IOS上有这个问题，android没有。而且，IOS上的 -webkit-user-select:auto 这个CSS也设置了，所有的都是无效）
Javascript | 评论:0
| 阅读:7215
Submitted by gouki on 2019, December 24, 9:07 AM
做后台，还真是首推ElementUI，毕竟规范，虽然东西比其他的少了一点，比如没有默认的ul/li效果之类的，但这些标准元素你可以引用一些第三方库，比如bootstrap，只要用他的CSS就行了。
当然，elementui也会有小问题，比如这次新版里推出的PopConfirm，好看是好看，但@confim/@cancel都没有（看官方的issue，有人提出是@onConfirm/@onCancel，但都没有用，也有人说是@on-confirm。。。。没有一一试，先用popup解决了）
这一篇说的是element-ui的Table组件，每个column都可以设置width，但这个width，因为没有单位，说不准是px?还是rem，如果一个表格的列不多，你这样设置的话，在大屏和小屏上面就很尴尬，要么全部偏左，要么撑破页面。因为他默认居然没有百分比设置（应该说width不支持百分比），但确实有人发现是可以支持，原来，el-table-column还有一个 min-width，这个就支持百分比，你可以设置<el-table-column min-width="15%"></el-table-column>，记得总数不要超过100%，否则还是会撑出或者会不起作用（总感觉有点妖）
Tags: element-ui
Javascript | 评论:0
| 阅读:10807
Submitted by gouki on 2019, September 15, 2:07 PM
应该不算是我姿势不对吧，网上不少人有这个问题：https://github.com/JeffreyWay/laravel-mix/issues/1914。
其实代码非常简单，如果是这样：
JavaScript代码
- mix
- .js('resources/front/visitors/visitors.js', 'public/js')
- .sass('resources/front/visitors/sass/visitors.scss', 'public/css')
那就一切正常。如果加了这么一行：
JavaScript代码
- mix
- .js('resources/front/visitors/visitors.js', 'public/js')
- .sass('resources/front/visitors/sass/visitors.scss', 'public/css')
- .extract([....])
则生成出来的visitors.css为空文件。生成空文件的时候，还认为自己是从几个vue文件里做了提取。但事实上scss这个文件是孤立的。不含在vue里（确实是有一个提取vuestyle的参数，但我没设置），laravel-mix的作者居然说：No, answer is don't upgrade if you're using dynamic imports. See the Mix 4 release notes.
评论里有人说实在不行就分成两个js文件来处理吧。嗯，事实上我也这样做了，比如我我因为前后台分开，就这么折腾的，但也会带来问题，比如，后一个生成的manifest.json会覆盖前面的（如果你不用{{mix()}}函数，那不会遇到这个问题，因为你不用它。。。但如果你用了，就会遇到各种不同的小问题，除非你放在一个mix.js文件里，只是用路由来解决）
最后我确实是分拆了，利用了concurrently，直接加了一个scripts:
JavaScript代码
- {
- "start":"concurrently \"npm:watch*\""
- }
执行npm run start，就OK了。如果你不想看完整的输出。上面的scripts中可以改成：
JavaScript代码
- {
- "start":"concurrently -r \"npm:watch*\""
- }
是的，你没有看错，就加了一个-r的参数
Javascript | 评论:0
| 阅读:8576
Submitted by gouki on 2019, July 21, 11:14 PM
直接git clone weui小程序的项目，然后wepy build会出错。即使之前你运行npm install。
我是直接报：[WARNING] 找不到编译器：wepy-compiler-less。
解决方案不复杂：先npm install less 再 wepy build，一般就解决了。build的时候会自己安装wepy-compiler-less。
如果象我，还遇到下面的错误
npm WARN eslint-config-standard@7.1.0 requires a peer of eslint-plugin-promise@>=3.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN wepy-compiler-less@1.3.14 requires a peer of less@^3.8.1 but none is installed. You must install peer dependencies yourself.
npm WARN wepy-weui-demo@1.0.0 No repository field.
+ wepy-compiler-less@1.3.14
updated 1 package and audited 7975 packages in 3.378s
found 10 vulnerabilities (7 low, 3 moderate)
这时候就需要根据提示：npm install -g eslint-plugin-promise@>=3.3.0，进行安装（其实上面也有说，是因为less没有安装）
这样的话，其实问题就都好解决
Tags: weui, wepy, 小程序, npm
Javascript | 评论:0
| 阅读:9710
[646]