Кто сталкивался с ошибкой во время рендер на сервере "TypeError: n.i is not a function" (не смог найти решение) ?

Вопрос-ответ JavaScript
1

Библиотеки проекта. ReactJS v15, Redux, i18next.
Когда собираю проект ошибок нет, пытаюсь его запустить render не происходит в консоли ошибки:
http://prntscr.com/hsh9fj.
Две первые ошибки которые получаю в двух файлах.
void 0 !== t && n.i({
NODE_ENV: “production”
});
e.d(n, “changeLanguage”, function() {
return i
}),
Когда локально поднимаю сервер, всё работает, ошибок нет в консоли.
Спасибо за помощь.

2
  1. Сделай продакшен сборку с sourcemaps чтобы точно увидеть вызов какого метода дает ошибку.

UPD или сделай сборку без минификации. Цель - увидеть что это за метод которого нет.

  1. Ты когда делаешь продакшен сборку, меняешь переменную окружения NODE_ENV в значение production? Реакт без этого момента будет тормозить (так как будет запускаться его код внутренних проверок). Если не ставишь, теоретически может быть причиной проблемы. Пример как менять переменную окружения (один из многих возможных подходов, можешь нагуглить более подходящий для своего случая) https://github.com/podgorniy/webpack-start/blob/master/package.json#L7
3

Да вот так :
“build”: “npm run clean && webpack --env production”
Спасибо, так и сделаю, если Вам не сложно посмотрите пожалуйста как меняю переменную окружения NODE_ENV:
webpack.config.js
https://codepen.io/PolyakhAlex/pen/wpgqgX?editors=1010
packge.json:
https://codepen.io/PolyakhAlex/pen/mpRMWB?editors=0010
и для переменой окружения NODE_ENV:
build.js
https://codepen.io/PolyakhAlex/pen/dJNzWN?editors=1010
Сама сборка:
https://github.com/polyakh/webpack
спасибо Вам, за помощь!

4

TLDR. Ничего менять не надо.

Про процесс сборки в репозитории что ты кинул.

  1. Корректная установка environment переменной происходит в этой строке https://github.com/polyakh/webpack/blob/master/webpack.config.js#L91. Если интересно детальнее откуда берется значение:

    1. https://github.com/polyakh/webpack/blob/master/package.json#L10 при вызове webpack передается флаг
    2. значение флага передается в переменную https://github.com/polyakh/webpack/blob/master/webpack.config.js#L81
    3. а переменная окружения уже меняется с помощью webpack плагина https://github.com/polyakh/webpack/blob/master/webpack.config.js#L89

  2. Я сделал продакшен сборку и кода в репозитоии и не наблюдаю никаких проблем с результирующим бандлом: работает как и при development режиме. Если ты продолжаешь видеть проблему, дело может быть в версии nodejs. Я делал сборку на ноде v9.

1 лайк
5

Спасибо Вам за помощь!! И за потраченное время!