Laravel - компонент React Не любит импортировать компы в другие компы
Эй, я супер новичок в 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
0 ответов
Похоже, в моей ошибке были стилизованные компоненты внутри. Если у кого-то возникла эта проблема, я исправил ее, загрузив babel-plugin-styled-components, а затем добавив "babel-plugin-styled-components", { "displayName": false } в мой файл babel.rc. Спасибо Салману за помощь