Question

我正在建立一个带有本地信息的电视屏幕，一个视频播放器和一个newsticker，作为我的一位医生朋友的网络应用程序。在候诊室。

我有主应用程序，想要创建2个组件，应将其导入到主应用程序中。我正在使用nginx和npm。每当我尝试导入video.jsx组件时，例如：

import { Video } from './Video';

我在本地主机页面上收到“ 403 Forbidden”错误。

make：*** Keine Regel vorhanden，um das Ziel“ _build / tmp / wztv / Video”， benötigtvon“ _build / tmp / wztv / main.js”，zu erstellen。施卢斯。

非德语的英语^^：

make：***没有建立目标“ _build / tmp / wztv / Video”的规则，需要来自“ _build / tmp / wztv / main.js”中的。结束

    import React from 'react';
    import { Video } from './Video';

    // Main
    class Main extends React.Component {
      constructor(props) {
        super(props);

        this.state = {
          praxisname: 'Praxis Dr. Lurch',
          currenttime: {},
          patientendata: {},
          content: {}
          };
         }

    chooseVideo(newVideo) {
        this.setState({
          src: VIDEOS[newVideo]
        });


      render() {
        return (
          <div>
            <h1>Video Player</h1>
            <Menu chooseVideo={this.chooseVideo} />
            <Video src={this.state.src} />
          </div>

视频组件：

    import React from 'react';

    export class Video extends React.Component {
      render() {
        return (
          <div>
             <video src={this.props.src}controls autostart autoPlay muted />
          </div>
        );
       }
      }

菜单组件（用于功能）：

    import React from 'react';

    export class Menu extends React.Component {
      constructor(props){
        super(props);
        this.handleClick = this.handleClick.bind(this);
      }
      handleClick(e)  {
        var text = e.target.value;
        this.props.chooseVideo(text);
      }

      render() {
        return (
          <form onClick={this.handleClick}>
            <input type="radio" name="src" value="vid1" /> vid1
            <input type="radio" name="src" value="vid2" /> vid2
            <input type="radio" name="src" value="vid3" /> vid3
            <input type="radio" name="src" value="vid4" /> vid4
          </form>
         );
        }
      }

我只希望视频能够正确显示和呈现。

无法导入JSX中的视频组件

0 个答案: