0

嘿,我是 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

4

1 回答 1

0

看起来我的错误是在其中包含样式组件。如果有人有这个问题,我通过下载 babel-plugin-styled-components 然后在我的 babel.rc 文件中添加 "babel-plugin-styled-components", { "displayName": false } 来修复它感谢 Salman 的帮助

于 2019-02-25T23:31:08.340 回答