胡聊前端的博客

使用正则全局匹配MatchAll的解析与注意事项

A value of type 'Null' can't be assigned to a parameter of type xxxx in a const construct

是规范的内置变量。如果使用了，是不会注入这个变量的。在commonjs中，注入了，, , , 五个内置变量用于实现导入导出的能力。而在esm中，因为规范已经完全不一样，故实现方式也是不一样的。在esm中，显然模块的导入导出使用/，自然不会再用/，同理，也有对应的规范写法。可以看到使用了一个关键API ，其实是ECMA规范的一部分：如上，言下之意，提供了一个模块的上下文信息，其实上文commonjs的提供的那些变量不也是上下文信息么？只不过标准不一样了，写法也不一样了。...

如果是如下的配置是不生效的husky新版本（v5以上，当前是v8），需要单独提供脚本，放于 文件夹下。内容可以如下建议参考lint-staged的官网方式进行安装该命令会做一下三件事：最后，尝试修改一下ts, js, vue等文件，尝试。鉴于git commit 是针对指定指定类型待提交的文件进行检测。所以看下是否git add了对应文件，确认是否有待提交的对应文件…...

如题，其实错误已经很明显了，即taro在初始化项目时需要在/usr/local/lib/node_modules/@tarojs目录下添加临时文件，但当前用户并没有权限，所以就是permission denied。我没百度，直接尝试了以下的命令chown -R xxxx /usr/local/lib/node_modules/@tarojs/其中xxxx是你的用户名，你可以用以下命名来查看whoami之后再次尝试初始化项目即可。但一般而言，临时文件不会存放到全局node_modules文件

注意是centos环境下遇到的各种问题标题中的错误是PhantomJS在全局环境变量中没有找到，所以npm install的过程中会自动安装。但过程比较曲折…我的成功解决办法npm install phantomjs@2.1.1 --unsafe-perm以上，之所以加--unsafe-perm是因为phantomjs安装过程会创建软连接到全局变量，而phantormjs是以spawn子进程的方式创建，没有这个flag，即便使用root用户安装，同样会提示Error: EACCES: permis

翻译一下：Object对象上不存在values属性实际上，Object.values这个API属于ES2017即，此时要求，TS编译器需要包含ES2017以上的API，才能够编译通过。那么，默认情况下，TS会以Javascript(ECMAScript)哪个版本的API为基础呢？TypeScript includes a default set of type definitions for built-in JS APIs (like Math), as well as type definit

该错误翻译过来意思是在当前表达式前面添加await没意义await 操作符用于等待一个Promise 对象故当看到该提示，应该确认await后边的表达式是否是一个promise，比如// 确认next函数是否返回一个promiseawait next();一般这仅仅是一个警告，因为await后边也可以跟着其他表达式，比如一个常量表达式await 1;值得注意的是，await 会把该值转换为已正常处理的Promise，并在执行到微任务时才继续执行，即await仍旧是异步的。const

Composition API 创建的对象必须经过初始化，如果对已经创建的对象添加新的属性，就对出现标题中的错误。const state = reactive({foo: 'bar'});Reflect.isExtensible(state); // truestate.baz = 'this is not allowed'; // 报错其实Vue仅仅是设置了对象不可扩展而已。这个错误本身是js报出的。'use strict';var obj = {};Object.preventExte

如果经常搞nginx，这个图想必经常会见到。其实这个问题只要仔细分析，就不难解决。对于静态资源，比如index.htmllocation / { alias /opt/www/; index index.html;}当访问比如 localhost 的时候，其实默认访问的是localhost:80/index.html，所以首先务必保证的确存在这样一个html。nginx不会列出/opt/www中所有文件。如果没有则会抛出标题中的错误。再有，检查ngi.

出现这个问题的原因基本就是你的网速很慢。有以下几个原因：你的网速真的很慢。。。你使用了很慢的源，比如官方源 https://registry.yarnpkg.com/一些二进制文件需要在本机上编译，会直接从比如github下载，而不使用taobao源等，所以即使换了源，也会很慢。一般而言，要下载的包并不会很大，如果详细的报错信息指明是超时问题。可以修改下载包的超时时间。ESOCKETTIMEDOUT以上的错误就可以尝试通过以下的参数解决yarn install --network-tim

在执行flutter doctor时候报出的问题原因是设置了HTTP_PROXY以及HTTPS_PROXY，但却没有设置NO_PROXY.检查base_profile等环境变量的文件。去掉相关的Proxy设置。

在启动jenkins时候报错An error occurred during installation: No such plugin: cloudbees-folder字面意思是没有找到cloudbees-folder这个插件。有一些文章说下载这个插件到本地就好了。然而jenkins启动的时候不仅仅有这一个插件。https://github.com/jenkinsci/docker/issues/424 github issues里有一些讨论。似乎重启jenkins就可以了# 访问这个地址就是

执行yarn react-native run-ios 报错如下The following build commands failed: PhaseScriptExecution Start\ Packager /Users/yananliu/Library/Developer/Xcode/DerivedData/elsNative-hfiptduqtepejjfghnmardrdaega/Build/Intermediates.noindex/elsNative.build/Debug-iphones

checking whether the C compiler works... noxcrun: error: SDK "iphoneos" cannot be locatedxcrun: error: SDK "iphoneos" cannot be locatedxcrun: error: SDK "iphoneos" cannot be locatedxcrun: error: unable to lookup item 'Path' in SDK 'iphoneos'/Users/sim

当执行npm run serve 的时候，若出现Note this is for preview or E2E testing only，会失去热更新（HMR）的功能。默认情况下，执行npm run serve会以development的模式启动。但项目中中配置了.env.development，则要正确配置NODE_ENV# 需要配置为development# NODE_ENV=productionNODE_ENV=development更优雅的做法是保留.env.development的配置

出现这个错误的原因是：fs模块没有默认导出。事实上，fs模块的确没有默认导出。因为fs是遵循cjs规范写的。即类似于这种导出：module.exports = fs = { readFile, readFileSync, ...}而如果直接使用import fs from 'fs'就会导致出现标题中的错误（TS编译情况下）。固导包的时候需要使用如下的方法：import * as fs from 'fs'看起来有些麻烦，事实上，如果尝试使用babel进行编译（不是tsc），就不会

在webapck + eslint的项目中，若给webpack配置了alias，但eslint未能正确配置路径别名，则会报错。// webpack.config.js resolve: { // 配置别名，在项目中可缩减引用路径 alias: { '@': path.resolve('app/web') } },如上，在vue-cli初始化的项目中，已经为你配置好了，但若是自己搭建的项目，则可能出现标题中的错误，因为eslint并不会自动读取webpack中

在airbnb的eslint规则中，有这样一条规则no-param-reassign目的是提醒你不要直接修改函数的入参。因为假如入参是一个对象，修改入参可能会导致对象的属性被覆盖。// 不好的做法function f1(obj) { obj.key = 1; // 可能对象本身就用key的属性，这样会覆盖原有的属性。无法确定这样做是否是对的。}// 好的做法function f2(obj) { // 若原来有这样的属性，那么直接返回这个值，否则返回需要的值 const key =

webpack-dev-server会校验域名，来防止DNS rebinding攻击。本地绑定host就会导致出现Invalid Host header禁用即可 devServer: { disableHostCheck: false, },

regeneratorRuntime是webpack打包生成的全局辅助函数，由babel生成，用于兼容async/await的语法。regeneratorRuntime is not defined这个错误显然是未能正确配置babel。正确的做法需要添加以下的插件和配置：# 这个包中包含了regeneratorRuntime，运行时需要npm install --save @babel/runtime# 这个插件会在需要regeneratorRuntime的地方自动require导包，编译时需要

node-sass这个包不同于普通的npm包，他的源码是C++实现的，因为编译Sass需要使用LibSass，后者是C语言实现的。node-sass实际是调用LibSass进而实现编译sass文件的。node-sass代码主要是通过C++实现的固Node-sass 是需要编译的。考虑到平台兼容问题，node-sass可能需要到你的电脑上进行现场编译（区别于直接下载预编译好的文件）。这时候就需要跨平台编译工具的node-gyp的支持，而node-gyp在windows下是依赖于python的。//

出现这个错误是因为你使用了yarn的workspace，但并未将工程标记为private。// 在以下代码中添加private字段，并设置为true，即可。{ "name": "test-workspace", "workspaces": [ "packages/*" ],+ "private": true, "version": "1.0.0", "main": "index.js", "license": "MIT"}究其原因，看官网解释：They h

Vue中，计算属性默认只有getter，如果你在代码中尝试给你计算属性赋值(需要setter)，那么就会有如上的错误，即计算属性相当于是只读的。// 以下计算属性只用getter。即只能读取foocomputed: { foo() { return 'hello' + this.bar; }}// 尝试给foo赋值，会给出Computed property "foo" was assigned to but it has no setterthis.foo = 'hello baz';

该错误是css预编译的loader与webpack 4 不兼容导致的。尝试升级到webpack 5 或者降级sass-loader / less-loader / postcss-loader 的版本号到上一个主版本号。比如：# 移除sass-loader@11yarn remove sass-loader -D# 安装上一个主版本的sass-loaderyarn add sass-loader@10.1.1 -D...

该错误提示你：配置了js需要使用严格模式的eslint规则，但代码中并声明严格模式，即use strict;一般这个问题出现在node.js的代码中，因为node.js代码使用commonjs的规范。如果想使用严格模式，需要手动声明："use strict";// strict modefunction foo() { // strict mode}// 或者在函数每部声明function foo() { "use strict"; // strict mode

如果我想希望使用某种类型声明的子类型作为某个变量声明的类型…export interface Car { Name: string; Speed: number; Manufactured: number;}const Speed: Car.Speed = 200;上面的写法会抛出错误Cannot access ‘Car.Speed’ because ‘Car’ is a type, but not a namespace. Did you mean to retri

vue路由在加载组件之前会执行一些逻辑，尤其是生命周期的钩子函数如果你在以上的钩子函数中，写了自己的逻辑，并报错了。就会触发[vue-router] uncaught error during route navigation这个错误。原因是vue进行了try catch，会捕获到代码执行过程中的错误。所以检查一下你的控制台有没有报错。先解决报红的错误，然后这个警告就自己消失了。...

这个是package.json文件不符合json规范导致的。检查下有没有以下的问题：是不是有注释？json文件不能使用js的注释。是不是有多余的逗号？比如挨着结束大括号最后一行属性不需要逗号，如下d后边不能有逗号{"a": "b","c": "d"}是不是没加引号或者用的双引号？JSON文件的key也必须加引号且是双引号。是不是复制粘贴过来？如下是，最好让他自动生成（npm init -y），或者手写。...

解决办法是将当前NODE_ENV需要设置为’development’默认npm run serve 就是’development’，之所以可能不是，有可能你修改了项目根目录下.env.development文件。并将NODE_ENV设置为了其他的值。可以通过一下命令看一下当前的值console.log(precess.env)强烈建议读一下vue-cli env相关的文档...

filenameHashing在devServer中开启导致的问题可以做如下判断：const isProd = process.env === 'production';module.exports = {...// 仅在打部署包的时候开启filenameHashing: isProd,...}

默认安装基于vue-cli的脚手架工程是在执行npm run serve的时候会有进度条。后来项目开发，发现进度不显示了，查看了官方的文档，发现可以通过progress参数来控制然后发现自己项目的vue.config.js设置了devServer的配置。难道vue-cli是吧devServer的配置覆盖到原有的配置上，而不是合并？所以尝试吧process给加回去。 devServer: { progress: true, ... }然后再次尝试，发现的确可以显示进度了。以

最近用电脑发现风扇一直狂转，所以特意查看一下cpu占用，发现com.docker.hyperkit始终维持在300%左右，这就尴尬了…google了一圈发现解决方式还真是五花八门。比如这里似乎很多人都是通过降低docker中配置的内存解决的。https://github.com/docker/for-mac/issues/3499我也尝试了一下，发现似乎管点用…但还是很高。然后又看到了，说似乎新版本的docker已经解决了这个问题，遂，俺又重装了一把，然后并没有卵用。本来都打算卸载不搞了，反正也没

文章目录原因特点Passsive mixed contentActive mixed content解决原因当一个https的网站，发出了http的请求，就会出现以下的情况。谷歌浏览器中The page at 'https://active-mixed-content.glitch.me/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://active-mixed-content.gli

需要在项目开启：Vue.config.devtools配置是否允许 vue-devtools 检查代码。开发版本默认为 true，生产版本默认为 false。生产版本设为 true 可以启用检查。以上vue.js官方原话，但是使用vue-cli初始化的项目，即使使用npm run serve启动仍旧需要显式的声明，否则就会报出标题中的问题// main.jsimport Vue from 'vue';// 务必在加载 Vue 之后，立即同步设置以下内容Vue.config.devtools

这个错误因为webpack-cli新版本 不支持使用如下的命令$ npx webpack-dev-server如果你通过如下方式安装并使用上述命令启动就会标题中的错误。$ yarn add webpack webpack-cli webpack-dev-server -D$ npx webpack-dev-server# Cannot find module 'webpack-cli/bin/config-yargs'新版本的webpack-dev-server 需要使用如下命令启动$

使用react-create-app安装的时候报出如上的错误。解决办法是：再执行一次…因为这个错误是React尝试重命名某个没有目录权限下文件时报出的错误，所以不妨打开那个目录看看：错误中需要将create-react-app.cmd.cmd 重命名为 create-react-app.cmd然而我打开目录发现已经重命名成功了。所以感觉再执行一次应该是可以，结果重新执行了一次就真的可以了…另外顺带说一句，这个目录应该是全局安装才会报出的，也就是比如如下的安装方式：yarn create rea

调用微信接口报出的错误。这个错误原因是因为安全域名配置错误。分两种情况：若是公众号的测试号，你完全可以写一个内网ip，比如192.168.1.100:8080，不必内网穿透，当然如果是需要微信回调的话还要外网可访问若是公众号的正式号，可以配置一级域名，比如mydomain.com即可，之后的二级域名都是生效的。总之，需要保证公众号配置的安全域名与调用接口所在页面的域名一致。不一致就会有上面的错误。...

如果是调试测试号，这个错误的原因是需要你去关注公众号。在测试号的后台会有一个二维码，用你需要调用微信接口的那个微信号扫码，成功之后会有显示已经关注的用户列表。然后再次调用接口就可以了。以上，扫码关注即可。...

是不可以的…虽然可以获得iframe的document对象var frameDoc = document.getElementById('iframeViewPdf').contentWindow.document;然后并没有卵用，addEventListener并不会触发。但你可以通过iframe的onload事件，然后获取iframe内部的全局变量进行通信。更多信息 参考这里 https://stackoverflow.com/questions/16960829/detect-domcon