Я использую Laravel 5.5 и AngularJS 1.7 с laravel-mix, но я сталкиваюсь с проблемами. Angular не может загрузить модуль. Вот мой код ...
webpack.mix.js
mix.scripts([
'node_modules/angular/angular.js',
'resources/assets/js/admin.js'
], 'public/js/all.js');
admin.js
var app = angular.module("admin", []);
app.controller("AdminController", function($scope) {
$scope.doSomething = function(){
console.log('doing something....');
}
});
Я включил угловой модуль в тело шаблона.
<body class="hold-transition skin-red sidebar-mini fixed" ng-app="admin">
И смешанные js-файлы в нижний колонтитул шаблона Blade.
<!-- jQuery 3 -->
<script src="{{asset('admin/bower_components/jquery/dist/jquery.min.js')}}"></script>
<!-- Bootstrap 3.3.7 -->
<script src="{{asset('admin/bower_components/bootstrap/dist/js/bootstrap.min.js')}}"></script>
<!-- AdminLTE App -->
<script src="{{asset('admin/dist/js/adminlte.min.js')}}"></script>
<script src="{{asset('js/all.js')}}"></script>
<!-- Optionally, you can add Slimscroll and FastClick plugins.
Both of these plugins are recommended to enhance the
user experience. -->
</body>
</html>
Тогда беги ...
npm run dev
или npm run watch
Однако, я все еще получаю ту же ошибку ...
jquery.min.js: 2 Uncaught Ошибка: [$ injector: modulerr] Не удалось
Создайте модуль администратора из-за: Ошибка: [$ injector: nomod] Модуль
'admin' не доступен! Вы либо неправильно написали имя модуля, либо
забыл загрузить его. При регистрации модуля убедитесь, что вы указали
зависимости как второй аргумент.