Laravel - React компонент Не любит импортировать компы в другие компы - PullRequest
0 голосов
/ 10 октября 2018

Эй, я супер-новичок в Laravel и, наконец, смог отобразить компонент реакции на экране.Однако, когда я импортирую другой компонент, например.

import ReactDOM from "react-dom" import SelectInput from "../components/SelectInput" import React from "react" export default class Head extends React.Component { render() { return ( <div> header <SelectInput /> </div> ) } }ReactDOM.render(<Head />, document.getElementById("Head"))

//test
import React from "react"
import styled from "styled-components"

const Container = styled.container``

class SelectInput extends React.Component {
    render() {
        return <div>test</div>
    }
}

export default SelectInput

Изображение компилятора Изображение DevTools

Вот мой файл Babelrc.{ "presets": [ [ "env", { "modules": false } ], "react" ], "plugins": ["babel-plugin-transform-class-properties"] }

Он будет визуализировать компонент, когда я не пытаюсь импортировать Test, но когда он не закомментирован, он ничего не отобразит на экране.может быть, Laravel не компилирует это?есть мысли о том, что это может быть?

Я нахожусь на Laravel 5.5.44

1 Ответ

0 голосов
/ 26 февраля 2019

Похоже, в моей ошибке были стилизованные компоненты внутри.Если у кого-то возникла эта проблема, я исправил ее, загрузив babel-plugin-styled-components, а затем добавив "babel-plugin-styled-components", {"displayName": false} в мой файл babel.rc. Спасибо Салману за помощь

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