Почему реагирует не рендер элемент? - PullRequest
Новая
       9

Почему реагирует не рендер элемент?

0 голосов
/ 29 мая 2018

У меня есть следующий компонент 

///assets/js/app.js
import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class App extends Component {
    render() {
      return (
        <div className="greeting">
          <h1> Hello World! </h1>
        </div>
      );
    }
  }
ReactDOM.render(<App />, document.getElementById('root'));

и html 

<!--/templates/layout/app.html.eex-->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Hello Sandbox!</title>
    <%= if Mix.env == :dev do %>
      <link rel="stylesheet" href="http://domain:8080/styles.css">
    <% else %>
      <link rel="stylesheet" href="<%= static_path(@conn, "/css/app.css") %>">
    <% end %>

  </head>

  <body>
    <div id="root">123</div>
     <%= if Mix.env == :dev do %>
      <script src="http://domain.ru:8080/app.js"></script>
    <% else %>
      <script src="<%= static_path(@conn, "/js/app.js") %>"></script>
    <% end %>
  </body>
</html>

Моя конфигурация веб-пакета здесь https://gist.github.com/Slavenin/8376458fe2e30ecc739fddf4a13b3be9.Когда я открываю свою страницу, все скрипты загружаются с сервера, но ничего не работает.Никаких ошибок или предупреждений не выдано.Webpack компилирует и выводит скрипты.Но на странице я вижу только 123. Что не так?

server console dev tools

Ответы [ 2 ]

0 голосов
/ 30 мая 2018

Проблема в webpack.config.js в https://gist.github.com/Slavenin/8376458fe2e30ecc739fddf4a13b3be9#file-webpack-conf-js-L9-L10 это сломало JavaScript в браузере.Я не знаю почему, но это правда.

0 голосов
/ 29 мая 2018

Извините, я пока не могу комментировать, но мог бы использовать метод ReactDom.hydrate вместо рендера.Это должно работать в вашем случае.

...