未捕獲的錯誤：沒有模塊：LocalStorageModule

我正在嘗試使用本地存儲的AngularJS項目。我正在製作待辦事項清單應用程序並使用angular-local-storage存儲每個待辦事項說明。我做了一個localStorageService這是用在我的控制器。我已經注入服務作爲依賴在我的app.js但是我不斷收到一個空白頁面和一個控制檯錯誤：Uncaught Error: No module: LocalStorageModule。我的語法是否有問題？......或者我錯誤地使用我的服務？未捕獲的錯誤：沒有模塊：LocalStorageModule

app.coffee

@angTut = angular.module("angTut", ['LocalStorageModule']); 

@angTut.config(["$routeProvider", ($routeProvider) -> 
$routerprovider = $routeProvider; 
$routeProvider.when("/", 
    templateUrl: "views/Pages/welcome.html" 
    controller: "PagesController" 
); 
$routeProvider.when("/add", 
    templateUrl: "views/Todos/add.html" 
    controller: "TodosController" 
); 
$routeProvider.otherwise(
    redirectTo: "/" 
); 
])

todo_controller.coffee

"use strict" 
@angTut.controller('TodosController', (
$scope 
todoService 
) -> 
$scope.save = -> 
    todoService.add($scope.note) 
    $scope.list() 

$scope.clear = -> 
    todoService.clear() 
    $scope.list() 

$scope.list = -> 
    $scope.notes = [] 
    storedNotes = todoService.get(true) 
    if storedNotes? 
     i = 0 
     while i < storedNotes.length 
      $scope.notes.push storedNotes[i] 
      i++ 

)

todo_service.coffee

'use strict' 
@angTut.service('todoService', (
localStorageService 
) -> 
addFn = (data) -> 
    existingValue = getFn(); 
    if(existingValue isnt null) 
     newData = existingValue + ',' + data 
     localStorageService.add('someStorageKey', newData) 
    else 
     localStorageService.add('someStorageKey', data) 
    return data 

getFn = (returnAsArray) -> 
    storedNotes = localStorageService.get('someStorageKey') 
    if storedNotes? and returnAsArray 
     return storedNotes.split(',') 
    else 
     return storedNotes 

clearFn = -> 
    localStorageService.clearAll() 

add: addFn 
get: getFn 
clear: clearFn 
)

來源

2013-08-18 guizian

你指的是角度的本地存儲模塊的名稱？它不是角度的一部分。 – zsong

對不起，我應該提到它是我通過涼亭安裝的第三方組件... – guizian

你有index.html正確導入？這個模塊的名稱與聲明到lib中的名稱相同？ –

我確定它與你如何引用bower.json中的依賴關係有關。這個組件的名稱不完全像github上的項目名稱。最近重新命名了涼亭組件，但我對此不太確定。如果您嘗試搜索具有項目名稱的組件;

bower search angular-local-storage 

No results.

我相信你打算使用的組件的名稱是'angular-localstorage'。

☺ bower search angular-localstorage                  ruby-2.0.0-p247 
Search results: 

angular-localstorage git://github.com/grevory/angular-local-storage.git

如果是這種情況，請進行必要的更改以確保在「bower.json」文件中正確引用它。

E.g

"dependencies": { 
    ... 
    "angular-localstorage": "*" 
}

不要忘記它的名字就在您的視圖中。

注意實際的JavaScript文件仍然是「角本地storage.js」

例如

<script src="components/angular-localstorage/angular-local-storage.js"></script>

來源

2013-10-10 09:13:13 dantheta

情況並非如此，則模塊上排便存在與

angular-local-storage git://github.com/grevory/angular-local-storage.git

來源

2014-11-11 12:43:53

未捕獲的錯誤：沒有模塊：LocalStorageModule

回答

相關問題