javascript — Неизвестное нарушение инварианта: целевой контейнер не является элементом DOM. Я тоже добавил в файл просмотра

Неопределенное нарушение инварианта: целевой контейнер не является элементом DOM. Я тоже добавил в файл просмотра

У меня есть код React который содержит базовую кнопку. Я хочу показать это в laravel's клинка laravel's . Я так и сделал.

Файл: dashboard.js

 import React, { Component } from 'react'; class Dashboard extends Component { render() { return( {amp}lt;div{amp}gt; {amp}lt;button type = "button" onClick = {this.SigninWithGoogle}{amp}gt;Sigin With google{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; ) } } export default Dashboard; if (document.getElementById('Dashboard')) { ReactDOM.render({amp}lt;Dashboard /{amp}gt;, document.getElementById('Dashboard')); } 

и мой файл лезвия.

 @extends('layouts.app') @section('content') {amp}lt;div class="container"{amp}gt; {amp}lt;div class="row justify-content-center"{amp}gt; {amp}lt;div class="col-md-8"{amp}gt; {amp}lt;div class="card"{amp}gt; {amp}lt;div class="card-header"{amp}gt;{{ __('Register') }}{amp}lt;/div{amp}gt; {amp}lt;div class="card-body"{amp}gt; {amp}lt;div class = "Register" id = "Dashboard"{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;script type = "text/javascript" src = "js/App.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; @endsection 

Я могу просматривать кнопку на странице просмотра. Но я получаю следующую ошибку в консоли. Но я получаю эту ошибку.

Неопределенное нарушение инварианта: целевой контейнер не является элементом DOM.

Может кто-нибудь сказать мне, в чем проблема с этим кодом?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector