Question

嘿，我是Laravel的超级新手，终于能够获得一个react组件以显示在屏幕上。但是，例如当我导入另一个组件时。

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

Compiler Image DevTools Image

这是我的Babelrc文件。 { "presets": [ [ "env", { "modules": false } ], "react" ], "plugins": ["babel-plugin-transform-class-properties"] }

当我不尝试导入Test时，它将渲染组件，但是当取消注释时，它将在屏幕上不显示任何内容。可能是Laravel不编译吗？有什么想法吗？

我正在使用Laravel 5.5.44

Answer 1

好像我的错误是其中包含样式化的组件。如果有人遇到此问题，我可以通过下装babel-plugin-styled-components然后将babab-plugin-styled-components添加到我的babel.rc文件中来解决此问题，{“ displayName”：false}感谢Salman帮助

Laravel-React组件不喜欢在其他伴奏中导入伴奏

1 个答案: