Question

我正在使用骨干localstorage插件，但是它给了我以下错误。

Uncaught TypeError：Backbone.LocalStorage不是函数

我在我的收藏中以下列方式使用它

var TodoList = Backbone.Collection.extend({
    model: TodoModel,
    localStorage: new Backbone.LocalStorage('todos-backbone')
});

我该如何解决这个问题？

更新

我在index.html中导入它们

<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/backbone/node_modules/underscore/underscore-min.js"></script>
<script src="node_modules/backbone/backbone-min.js"></script>
<script src="node_modules/backbone-localstorage/backbone-localStorage.js"></script>
<script src="js/models/todo.js"></script>
<script src="js/collections/todos.js"></script>
<script src="js/views/todos.js"></script>
<script src="js/views/app.js"></script>
<!-- <script src="js/routers/router.js"></script> -->
<script src="js/app.js"></script>

Answer 1

我认为你让https://github.com/jeromegn/Backbone.localStorage和https://github.com/robmoorman/backbone-localstorage感到困惑。 public String login(){ try{ Authentication request = new UsernamePasswordAuthenticationToken(this.getUsername(), this.getPassword()); Authentication result = authenticationManager.authenticate(request); SecurityContextHolder.getContext().setAuthentication(result); } catch(Exception e){ e.printStackTrace(); return "incorrect"; } return "correct"; } <http auto-config="true"> <intercept-url pattern="/web/*" access="IS_AUTHENTICATED_ANONYMOUSLY" /> <intercept-url pattern="/**" access="ROLE_USER" /> <form-login login-page="/web/login.xhtml" default-target-url="/main.xhtml" always-use-default-target="true" /> </http> <authentication-manager alias="authenticationManager"> <authentication-provider user-service-ref="kullaniciDetayServisi" /> </authentication-manager> </beans:beans> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"> <h:head> </h:head> <h:body> <div align="center" style=""> <h:form id="loginFormId" prependId="false"> <div id="loginFieldsPnlId"> <div id="loginFieldUsrContId"> <h:outputText id="outTxtUserNameId" value="Username: " name="outTxtUserNameNm"></h:outputText> <h:inputText id="userName" required="true" value="#{loginBean.username}" requiredMessage="Please enter username"></h:inputText> <h:outputLabel id="outLblUserNameId" for="userName" name="outLblUserNameNm"></h:outputLabel> </div> <div id="loginFieldPassContId"> <h:outputText id="outTxtPasswordId" value="Password: " name="outTxtPasswordNm"></h:outputText> <h:inputSecret id="password" required="true" value="#{loginBean.password}" requiredMessage="Please enter password" name="inTxtPasswordNm"></h:inputSecret> <h:outputLabel id="outLblPasswordId" for="password" name="outLblPasswordNm"></h:outputLabel> </div> </div> <div id="loginBtnPanelId"> <h:commandButton id="btnLoginId" value="Login" action="#{loginBean.login}" ajax="false"></h:commandButton> <h:commandButton id="btnCancelId" value="Cancel" action="#{loginBean.cancel}" immediate="true" update="loginFormId" ajax="false"></h:commandButton> </div> </h:form> </div> <div> <h:messages></h:messages> </div> </h:body> </html>只是前者的功能，而你所包含的功能是这样的：

Backbone.LocalStorage

Backbone.LocalStorage不是一个函数

1 个答案: