angular.js - Problems encountered when learning ui-router

Question

I was using ui-router to make something recently and encountered a problem. The file directory is as follows

The following is the index.htmlui-view in

The following is the routing configuration in app.js

The current url is like this:

Now I want to click 排名 to change the web page URL to this

The following is the code in mainPage.html

But after I clicked on the ranking, I got this error:

I feel confused, please help me check it out, thank you

Answer 1

The value of

ui-sref should be the defined state, and

should be placed on the page

ui-sref = "#/mRange"

was modified to

ui-sref = "mRange"

Answer 2

Remove #/ in ui-sref