Module not found:Can't resolve '@babel/runtime/helpers/builtin/** in '...'

记录一个报错。
很久没更新的一个项目重新启用时，报错：

1
2
./node_modules/_@material-ui_icons@1.1.0@@material-ui/icons/LocalCarWash.js
Module not found: Can't resolve '@babel/runtime/helpers/builtin/interopRequireDefault' in '...\node_modules\_@material-ui_icons@1.1.0@@material-ui\icons'

项目之前一直很稳定，怎么会突然报错呢？

看到的第一反应是：包没安装，然后马上

1
npm i @babel/runtime --save

然后再执行，错误依然。

这么会有这个问题呢，在项目的目录下找node_module文件夹，发现@babel/runtime/helpers下确实没有builtin目录，感觉到有可能是版本更新了。

于是看到网上有个issue中有人回答如下：

1
2
3
4
5
6
7
8
Everyone probably already has @babel/runtime as dependencies. Unfortunately Babel has removed the builtin helpers since v7.0.0-beta.56 (3 days ago). Since npm doesn't automatically update most people won't have this problem.
Try installing v7.0.0-beta.55, this fixes your problem:
...
    "@babel/runtime": "7.0.0-beta.55",
...
}

所以新版本的runtime把builtin目录拆分掉了，以至于查不到对应的目录。

所以安装以下包可以解决问题：

1
npm i @babel/runtime@7.0.0-beta.55 --save

参考：

阅读全文 >>

chrome修改启动参数方式跨域

之前一直用–disable-web-security的方式，取消chrome的同源策略，实现跨域。

chrome版本升级之后，发现不在生效。

查资料发现从chrome49版本后，如果想要实现相同的跨域效果，需要同时在启动项中加上–user-data-dir指定存储用户信息的目录。

开启–disable-web-security后，chrome处于不安全模式。不能使用默认的用户信息目录。也就是说，不指定–user-data-dir的话，无法读取任何用户信息，如cookie等。对需要此类信息的站点，将无法正常访问。

1
2
--disable-web-security :Don't enforce the same-origin policy. (Used by people testing their sites.)
--user-data-dir :Directory where the browser stores the user profile.

添加chrome启动参数的方法见参考。

参考：

阅读全文 >>

python2.6安装pip

VPS上默认的python版本是2.6.6，按照网上安装pip时，报错如下：

1
2
3
4
5
6
7
8
9
10
Traceback (most recent call last):
  File "get-pi1p.py", line 20649, in <module>
    main()
  File "get-pi1p.py", line 197, in main
    bootstrap(tmpdir=tmpdir)
  File "get-pi1p.py", line 82, in bootstrap
    import pip._internal
  File "/tmp/tmp6hUd4Z/pip.zip/pip/_internal/__init__.py", line 42, in <module>
  File "/tmp/tmp6hUd4Z/pip.zip/pip/_internal/cmdoptions.py", line 16, in <module>
  File "/tmp/tmp6hUd4Z/pip.zip/pip/_internal/index.py", line 526

官方安装方法：

1
2
curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py
python get-pip.py

通过详细的查看官方说明，发现了这样一行说明

The get-pip.py script is supported on the same python version as pip. For the now unsupported Python 2.6, alternate script is available here.

所以python2.6 下安装pip的正确安装方法是：

1
2
curl https://bootstrap.pypa.io/2.6/get-pip.py -o get-pip.py
python get-pip.py

参考：

阅读全文 >>

VPS搭VPN

由于访问外部网站的需求，需要用到VPN，这里记录下通过VPS搭给自己使用的VPN的方法。

VPS

VPS（虚拟专用服务器）选择的是搬瓦工。

当前最便宜的是10G VPS（含10GB SSD，512MB RAM，500GB 流量，1x Intel Xeon CPU，支持多设备），一年是19.99刀，折合下来一个月10几块软妹币，还是相当划算的。

购买之后，就可以看到你的虚拟机的IP和端口，然后用户密码会通过你注册的邮箱发给你。
此时,你就可以使用xshell等ssh工具远程到主机上操作了。

bandwagon的后台提供资源管理，重装系统，远程shell等基础功能，还有一键OpenVPN等扩展功能。这些扩展功能是变动的，有些VPS提供一键shadowsocks的功能，最新买的看已经没有这一项了。

OpenVPN

通过banwagon的一键OpenVPN功能，可以一键安装OpenVPN。
OpenVPN支持在windows、mac、Android、IOS上安装，在官网有各个平台需要的下载包。安装很简单，不在赘述。

MAC的安装配置可以参考文档

ShadowSocks

由于OpenVPN无法精细化管理（比如VPN只提供给浏览器、NPM使用，而不是全开），我们使用ShadowSocks来帮助实现这一需求。Shadowsocks可以把VPN映射到本地地址和端口，来提供给浏览器、GIT、NPM等使用。

安装

server端

1
pip install shadowsocks

client端（含手机端）：
https://shadowsocks.org/en/download/clients.html

配置

新建文件：/etc/shadowsocks.json

1
2
3
4
5
6
7
8
{
    "server":"my_server_ip", //your hostname or server IP (IPv4/IPv6).
    "server_port":8388, //server port number.
    "local_port":1080, //local port number.
    "password":"barfoo!", //a password used to encrypt transfer.
    "timeout":600, //connections timeout in seconds.
    "method":"aes-256-cfb" //encryption method
}

命令

1
2
3
4
5
6
#启动
ssserver -c /etc/shadowsocks.json -d start
# 关闭
ssserver -c /etc/shadowsocks.json -d stop
# 重启
ssserver -c /etc/shadowsocks.json -d restart

参考

阅读全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

爱前端、爱小说、爱音乐、爱产品、爱游泳、爱动漫、爱家务、爱安静、爱萧萧。人生这么短，且行且努力。