2016-10-31 3 views
-1

Я новичок в Angularjs, и сейчас я пытаюсь использовать Ckeditor в моем webapp.

настоящее время я получаю

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/ $injector/modulerr?p0=editor&p1=Error%3A%…Flocalhost%3A3000%2Fbower_components%2Fangular%2Fangular.min.js%3A20%3A390)

Любая идея о том, что я сделал не так?

В моей Editor.html

<!DOCTYPE html> 
<html lang="en" ng-app="editor"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Editor Test</title> 
    <script src="../bower_components/angular/angular.min.js"</script> 
    <script src="../bower_components/ckeditor/ckeditor.js"</script> 
    <script src="../angular-ckeditor/angular-ckeditor.min.js"</script> 

    <link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"> 
    <link rel="stylesheet" href="../bootstrap-select-1.11.2-dist/css/bootstrap-select.css"> 
    <link rel="stylesheet" href="../css/font-awesome-4.7.0/css/font-awesome.min.css"> 

</head> 

<body> 
    <div ng-controller="CkeditorController"> 
     <div ckeditor="options" ng-model="textdata" ready="onReady"></div> 
     <br> 
     <div style="text-align: center">  
      note content: {{1+1}} 
      <button ng-click="getTextData() id="profile-button" class="btn btn-lg btn-primary" type="submit">Submit</button> 
     </div> 
    </div> 
    <script scr="../angular/editor.js"></script> 
</body> 
</html> 

В моей JavaScript: editor.js

angular.module('editor', ['ckeditor']) 
.controller('CkeditorController', function ($scope) { 

    $scope.textdata = ''; 
    // you can set your configuration here 
    $scope.options = { 
    language: 'en', 
    allowedContent: true, 
    entities: false 
    }; 

    $scope.onReady = function() { 
    //write you code here if you have to do something after editor is loaded  
    }; 

    // logging ckeditor textarea content in console 
    $scope.getTextData = function() { 
    console.log($scope.textdata); 
    } 
}); 

В мой контроллер: main.js

module.exports.index=function(req, res, next) { 
    res.render('index', { title: 'Hello world' }); 
}; 

module.exports.dashboard=function(req, res, next) { 
    res.render('dashboard', {}); 
}; 

module.exports.editor=function(req, res, next) { 
    res.render('editor', {}); 
}; 

Спасибо!

+0

Что такое ** полный URL ** в этот отчет об ошибке? На самом деле щелкните его, а затем скопируйте этот URL. Усеченные версии никому не помогают – Phil

ответ

1

></script> отсутствует в вашем угловом импорте.

+0

Я думаю, что это может быть опечаткой в ​​вопросе OP. В противном случае сообщение об ошибке не будет указывать 'localhost: 3000/bower_components/angular/angular.min.js' – Phil

+0

Я добавил на свой импорт, но он по-прежнему дает мне ту же ошибку @Phil –

+0

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