Модуль 'smart-table' недоступен

Я пытаюсь начать работу со смарт-таблицей. Я следую инструкциям, доступным здесь: http://lorenzofox3.github.io/smart-table-website/ Итак, согласно этим инструкциям, все, что мне нужно сделать, это запустить, bower install angular-smart-table, а затем добавить, а затем добавить модуль angular.module('myApp',['smart-table'] в ваше угловое приложение. Вот мое угловое приложение:

# pwd
/var/www/html
# cat meanVoyApp.js 
var app = angular.module("meanVoyApp", ['smart-table']);

Но теперь, когда я загружаю свою разметку, я получаю эти ошибки в консоли браузера:

Uncaught Error: [$injector:modulerr] Failed to instantiate module meanVoyApp due to:
Error: [$injector:modulerr] Failed to instantiate module smart-table due to:
Error: [$injector:nomod] Module 'smart-table' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.3.14/$injector/nomod?p0=smart-table

Я не написал с ошибкой, поэтому я думаю, что «забыл» загрузить его. Так как мне его загрузить? Как я могу узнать, загружен ли он уже и проблема в чем-то другом?

Спасибо!


javascript angularjs smart-table
person Red Cricket    schedule 06.11.2015    source источник

Ответы (4)


arrow_upward
5
arrow_downward

Вы не забыли добавить ссылку на скрипт в ваш index.html?

<script src="[directoryOfModule]/smart-table.js"></script>
person snulvin    schedule 06.11.2015

arrow_upward
2
arrow_downward

Smart-table поставляется с каким-то файлом js. Я думаю, что вы не загружаете это раньше в свою загрузку meanVoyApp.js. Используйте сетевую панель инструмента разработчика Chrome, чтобы определить, правильно ли загружен java-скрипт.

Используйте следующий код перед загрузкой app.js

<script src="http://lorenzofox3.github.io/smart-table-website/bower_components/angular-smart-table/dist/smart-table.js"></script>
person Partha Sarathi Ghosh    schedule 06.11.2015

arrow_upward
2
arrow_downward

Использовать

bower install angular-smart-table --save

и некоторая хорошая конфигурация инструмента сборки gulp или grunt (например, yoman) автоматически добавит его в ваш index.html.

person Steve K    schedule 05.05.2016
comment
Это помогло, потому что в моем случае Bower проделал дополнительную работу (добавил библиотеку в активы), что было обязательным, но мне пришлось вручную добавить ‹script src=[dirOfAssets]/smart-table.js›‹/script› в index.html - person Mindaugas; 25.07.2017

arrow_upward
0
arrow_downward

Посмотрите на процесс сборки.

Если вы используете кикстартер ngBoilerplate, вам нужно добавить следующую строку: 'vendor/angular-smart-table/dist/smart-table.min.js'

внутри раздела vendor_files файла build.config.js.

person guest    schedule 30.08.2016