Проблема с Laravel View / Blade & React - PullRequest
0 голосов
/ 04 декабря 2018

После использования команды php artisan preset react моему приложению не удалось отобразить компоненты приложения React;страница пустаЯ запустил свой сервер PHP, используя php artisan serve, и запустил Node с npm run dev.

app.blade.php

<!doctype html>
<html lang="{{ app()->getLocale() }}">
<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="csrf-token" content="{{ csrf_token() }}">
    <title>Laravel</title>
    <link href="{{asset('css/app.css')}}" rel="stylesheet" type="text/css">
</head>
<body>
<div id="app"></div>
<script src="{{asset('js/app.js')}}"></script>
</body>
</html>

Все работает без ошибок.

РЕДАКТИРОВАТЬ.

Я изменил Example.js внутри активов / js / компонентов на App.js => код:

import React, { Component } from 'react'
    import ReactDOM from 'react-dom'
    import { BrowserRouter, Route, Switch } from 'react-router-dom'
    import Header from './Header'

    class App extends Component {
      render () {
        return (
          <BrowserRouter>
            <div>
              <Header/>
            </div>
          </BrowserRouter>
        )
      }
    }

    ReactDOM.render(<App/>, document.getElementById('app'))

1 Ответ

0 голосов
/ 16 мая 2019

Я думаю, вам нужно экспортировать компонент как export default App;

...