Невозможно загрузить карту google-maps-реакции при попытке скрыть ключ API в приложении create-реагировать с помощью dotenv - PullRequest
Новая
       7

Невозможно загрузить карту google-maps-реакции при попытке скрыть ключ API в приложении create-реагировать с помощью dotenv

0 голосов
/ 28 июня 2018

У меня есть create-react-app, который использует dotenv, чтобы скрыть ключ API Карт Google, но когда я пытаюсь это сделать, я не могу загрузить карту: я получаю сообщение об ошибке Google Maps API error: InvalidKeyMapError. Я мог заставить это работать раньше, но это было с открытым ключом API.

Вот что у меня в файлах. В App.js: 

import React, { Component } from 'react'
import { GoogleApiWrapper } from 'google-maps-react'
require('dotenv').config()

const apiKey = `${process.env.REACT_APP_GOOGLE_MAPS_KEY}`
console.log(apiKey)

...

export default GoogleApiWrapper({
apiKey: apiKey,
})(App)

В моем файле .env: 1010 *

В моем файле app.js я передаю реквизиты Google моему компоненту MapContainer, который находится в моем методе рендеринга, который загружает саму карту. Есть ли какой-то конфликт с dotenv и возможностью прочитать google-maps-react ключ API?

Я уже пытался найти ответ здесь и натолкнулся на следующее: Как скрыть ключ API в create-реагировать-приложение?

Однако даже после многократного перезапуска сервера я получаю ту же ошибку, что и undefined для console.log(apiKey).

...