Laravel

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 然后将 "babel-plugin-styled-components", { "displayName": false } 添加到我的 babel.rc 文件来解决它感谢 Salman 的帮助

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

Laravel - React component Does not like importing comps in other comps

php

reactjs

react-laravel