2016-08-03 5 views
0

Привет, ребята, в течение 2 дней я пытаюсь вызвать компонент реакции из html и каждый раз, когда он бросает мне эту ошибку «Ошибка: не могу найти компонент реакции MyReact» , так что это мой html.I был бы очень благодарен если кто-то поможет мнеОшибка реакции на ошибку

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/bootstrap-theme.min.css"> 
    <link rel="stylesheet" href="css/datepicker.css"> 
    <link rel="stylesheet" href="css/angular-material.min.css"> 
    <script src="react-15.3.0.js"></script> 
    <script src="react-dom-15.3.0.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.js"></script> 


</head> 
<body ng-app="listOfDiaries" ng-controller="myCtrl as ctrl"> 

<react-component name="MyReact"></react-component> 

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular-messages.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src = 'js/bootstrap.js'></script> 
<script src="js/ngReact.js"></script> 
<script type="text/babel" src="tutorial.js"></script> 
<script src = 'config.js'></script> 

<!--data-toggle="modal" data-target="#{{myprops.id}}"--> 
</body> 
</html> 

что учебник файл:

var MyReact = React.createClass({ 

    render: function() { 
     console.log("qweqw"); 
     return(
      <div> 
       <h2>georgi</h2> 
      </div> 
     ); 
    } 
}); 
app.value('MyReact',MyReact); 

и мой конфигурационный файл:

var app = angular.module('listOfDiaries', ['react','ngMaterial','ngMessages']); 
app.controller('myCtrl', ["$scope", "myFirstService", function ($scope, myFirstService) { 
    var self = this; 
//and directive and so on.. 

ответ

0

Я не программирую Angular; но просматривая код в приложении app.directive; если этот код запускается сразу MyReact не определен. Попробуйте переключить класс MyReact и блок app.directive.

+0

Mm я не называю это директивой .. sry я не видел, что я включаю директиву .. я его редактирую .. это не проблема. Спасибо в любом случае – FreakProgrammer

Смежные вопросы