记录平时遇到的疑难杂症

项目中关于css样式-webkit-box-orient: vertical打包丢失

原因：autoprefixer会自动移除老式过时的代码（就是自动补全css前缀的东西）。

解决方案：

/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */

解决Webpack中提示syntax ‘classProperties’ isn’t currently enabled的错误

安装插件

$ npm i -D @babel/plugin-proposal-class-properties

...
options: {
  plugins:['@babel/plugin-proposal-class-properties']
}
...

Webpack，window is not defined

配置文件

...
output: {//输出
  filename: 'eft-crypto.js?t=[hash]',//最终文件命名
  path: path.resolve(__dirname, 'dist'),//输出文件夹的路径
  libraryTarget: "umd",
  library: 'EFT',
}
...

在CommonJS环境，报错

解决方案：

output: {//输出
  filename: 'eft-crypto.js?t=[hash]',//最终文件命名
  path: path.resolve(__dirname, 'dist'),//输出文件夹的路径
  libraryTarget: "umd",
  library: 'EFT',
  globalObject: 'this',
}

Fiddler抓包，https替换响应体导致解析内容失败

报错：

net::ERR_INVALID_CHUNKED_ENCODING 200

在响应体里发现了这么个东西

chunked：数据以一系列分块的形式进行发送。 Content-Length 首部在这种情况下不被发送。。在每一个分块的开头需要添加当前分块的长度，以十六进制的形式表示，后面紧跟着 ‘\r\n‘ ，之后是分块本身，后面也是’\r\n‘ 。终止块是一个常规的分块，不同之处在于其长度为0。终止块后面是一个挂载（trailer），由一系列（或者为空）的实体消息首部构成。

app端软键盘显示搜索按钮

<form action>
  <input
    type="search"
  />

</form>