Laravel не загружается компонент React - PullRequest
0 голосов
/ 13 февраля 2020

Мое точное сообщение, используя Laravel 5.6, «реагировать»: «^ 16.8.0», «реагировать-дом»: «^ 16.8.0»,

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `Pricing`.
    in Pricing

ресурсы / активы / js /

require('./components/Reactapp');

Reactapp. js

import React from 'react';
import ReactDOM from 'react-dom';
import Pricing from './Pricing';

ReactDOM.render(<Pricing />, document.getElementById('reactApp'));

Pricing.jsx

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import CarouselPhotos from './CarouselPhotos';
import { Col, Container, Dropdown, DropdownButton, Form, Row } from 'react-bootstrap';

export default class Pricing extends Component {
    render() {
        return (
// render stuff here
        );
    }
}

Не могу понять, почему я получаю эту ошибку. Есть идеи?

1 Ответ

0 голосов
/ 13 февраля 2020

После поиска этой ошибки и проверки других ответов, связанных с этим. Это не имеет ничего общего с этой ошибкой:

You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

В моем компоненте произошла ошибка с этим:

import { Col, Container, Dropdown, DropdownButton, Form, Row } from 'react-bootstrap';
    <Form>
    <Form.Group controlId="formGroupJobName">
      <Form.Label>Job Name</Form.Label>
      <Form.Control type="text" placeholder="Enter your job name" />
    </Form.Group>
    </Form>

Я честно не знаю или вижу проблему с этим компонентом но это было инициирование ошибки. Моя рекомендация для этого типа ошибки состоит в том, чтобы удалить компонент и попытаться определить, какой внутренний компонент вызывает его.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...