// この記事は、 note に投稿した記事の再掲です。

Node.jsをバージョンアップ後、gulpを実行したら以下のエラー。

Error: Missing binding /my/hoge/dir/node_modules/node-sass/vendor/darwin-x64-59/binding.node
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 9.x
Found bindings for the following environments:
 - OS X 64-bit with Node.js 8.x
This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass --force` to build the binding for your current environment.
   at module.exports (/my/hoge/dir/node_modules/node-sass/lib/binding.js:15:13)
   at Object.<anonymous> (/my/hoge/dir/node_modules/node-sass/lib/index.js:14:35)
   at Module._compile (internal/modules/cjs/loader.js:654:30)
   at Object.Module._extensions..js (internal/modules/cjs/loader.js:665:10)
   at Module.load (internal/modules/cjs/loader.js:566:32)
   at tryModuleLoad (internal/modules/cjs/loader.js:506:12)
   at Function.Module._load (internal/modules/cjs/loader.js:498:3)
   at Module.require (internal/modules/cjs/loader.js:598:17)
   at require (internal/modules/cjs/helpers.js:11:18)
   at Object.<anonymous> (/my/hoge/dir/node_modules/gulp-sass/index.js:187:21)

Sassがなんやかんやしてるっぽい？

エラーを解消するには

$ npm rebuild node-sass

rebuildしたら動いた

FirebaseとかNode.jsとか全く触ったことないけど、なんとなくLINE bot触りたくなったので色々見ながら動かしてみた。

散々エラー出たので同じことにならないようにメモ。

環境

• Node.js v10.15.3
• npm v6.4.1
• firebase-tools v6.10.0
• Windows10(Macでも動いた)

(2019/05/24時点)

構築手順

手順は他の参考にした記事が下記。
同じことを書いても仕方ないので。

• FirebaseでNode.jsを動かしてLINE BOTを作る
• 1時間でLINE BOTを作るハンズオン (資料+レポート) in Node学園祭2017
• Filebase FunctionでLineBotを作ろう（失敗）
• FirebaseでLINE botを作ってみた

行き詰まったところ

line.middlewareをapp.postより前にしないとエラー？ワーニング？が出てしまってダメだった。
シグネチャって言われてもどうしろと状態。

(node:3664) UnhandledPromiseRejectionWarning: TypeError [ERR_INVALID_ARG_TYPE]: The "data" argument must be one of type string, TypedArray, or DataView. Received type object
      at Hmac.update (internal/crypto/hash.js:58:11)
      at Object.validateSignature [as default] (C:\mylinebot\functions\node_modules\@line\bot-sdk\dist\validate-signature.js:37:10)
      at getBody.then.body (C:\mylinebot\functions\node_modules\@line\bot-sdk\dist\middleware.js:37:46)
      at process._tickCallback (internal/process/next_tick.js:68:7)

最終的なindex.js

前述の参考ページを見て、line.middleware(config)を前に持っていった。

index.js

'use strict';

const functions = require('firebase-functions');
const express = require('express');
const line = require('@line/bot-sdk');

const config = { 
    channelSecret: '', // LINE DeveloperからChannel Secretをコピペ
    channelAccessToken: '' // LINE Developerからアクセストークンをコピペ
};

const app = express();

let middle = line.middleware(config); //★ここ
app.post('/webhook', (req, res) => {

  console.log(req.body.events);
  Promise
    .all(req.body.events.map(handleEvent))
    .then((result) => res.json(result))
    .catch((result) => console.log('error!!!'));
});

const client = new line.Client(config);

async function handleEvent(event) {
  if (event.type !== 'message' || event.message.type !== 'text') {
    return Promise.resolve(null);
  }

  return client.replyMessage(event.replyToken, {
    type: 'text',
    text: event.message.text
  });
}

exports.app = functions.https.onRequest(app);

リンクやメモ

• Firebase
• LINE Devlopers
• LINE Developer Documents - middleware()

ngrokでトンネル

$ npm i -g ngrok
$ npm http 5000

firebase

$ firebase serve --only functions,hosting // ngrokで試験
$ firebase deploy --only functions,hosting // デプロイ