---

---

CreateReactAppコンパイラのESLintチェックの除外設定

投稿日：2021年3月6日

CreateReactAppのコンパイラの内部ではESLintが動いています。しかし、gRPCの自動生成コードはなんとESLintに通すとエラーになってしまうのです。gRPCを使うときには必要に応じてESLintの除外設定をしましょう。

---

はじめに

環境

---

実践

発生したエラー

Failed to compile.

src/proto/notematon_pb.js
  Line 34:1:     'proto' is not defined     no-undef
  Line 37:15:    'proto' is not defined     no-undef
  Line 38:20:    'COMPILED' is not defined  no-undef
  Line 39:3:     'proto' is not defined     no-undef
  Line 54:1:     'proto' is not defined     no-undef
  Line 55:10:    'proto' is not defined     no-undef
  Line 68:1:     'proto' is not defined     no-undef
  Line 87:1:     'proto' is not defined     no-undef

[...]

var jspb = require('google-protobuf');
var goog = jspb;
var global = Function('return this')();

var google_protobuf_timestamp_pb = require('google-protobuf/google/protobuf/timestamp_pb.js');
goog.exportSymbol('proto.CreatePieceRequest', null, global);
goog.exportSymbol('proto.CreatePieceResponse', null, global);
goog.exportSymbol('proto.GeoPoint', null, global);
goog.exportSymbol('proto.ListPiecesRequest', null, global);
goog.exportSymbol('proto.ListPiecesResponse', null, global);
goog.exportSymbol('proto.Piece', null, global);
goog.exportSymbol('proto.PieceNew', null, global);
goog.exportSymbol('proto.User', null, global);

[...]

proto.GeoPoint = function(opt_data) {
  jspb.Message.initialize(this, opt_data, 0, -1, null, null);
};

解決策（ESLintのチェック対象から除外）

EXTEND_ESLINT=true

src/proto/*.js

---

---

---