模块 'smart-table' 不可用

Question

我正在尝试开始使用 smart-table。我正在按照此处提供的说明进行操作：http://lorenzofox3.github.io/smart-table-website/ 因此，根据这些说明，我需要做的就是运行、bower install angular-smart-table，然后将模块 angular.module('myApp',['smart-table'] 添加到您的 angular 应用程序中。这是我的 angular 申请：

# 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

我没有拼错所以我想我 "forgot" 加载它。那么我该如何加载呢？我如何判断它是否已加载以及其他问题？

谢谢！

Answer 1

您是否记得在 index.html 中添加对脚本的引用？

<script src="[directoryOfModule]/smart-table.js"></script>

Answer 2

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>

Answer 3

使用

bower install angular-smart-table --save

一些好的 gulp 或 grunt 构建工具配置（例如 yeoman）会自动将其添加到您的 index.html。

Answer 4

看看你的构建过程。

如果您使用 ngBoilerplate kickstarter，您需要添加以下行： 'vendor/angular-smart-table/dist/smart-table.min.js'

在 build.config.js 文件的 vendor_files 部分。

模块 'smart-table' 不可用

Module 'smart-table' is not available

javascript

angularjs

smart-table