嘿,我对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
编译器映像 开发工具映像
这是我的巴贝尔尔文件。{
"presets": [
[
"env",
{
"modules": false
}
],
"react"
],
"plugins": ["babel-plugin-transform-class-properties"]
}
当我不尝试导入组件时,它将呈现组件Test
但是当它未注释时,它将在屏幕上不渲染任何内容。 难道是拉拉维尔不编译它吗?对它可能是什么有什么想法吗?
我在拉拉维尔 5.5.44
看起来我的错误是其中有样式化的组件。如果有人有这个问题,我通过向下下载 babel-plugin-styled-components,然后添加"babel-plugin-styled-components",{ "displayName": false } 到我的 babel.rc 文件中来修复它 感谢萨尔曼的帮助