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

编译器映像 开发工具映像

这是我的巴贝尔尔文件。{ "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 文件中来修复它 感谢萨尔曼的帮助

相关内容

  • 没有找到相关文章

最新更新