Question

我刚刚开始研究ui-router，但由于我在控制台中出现了一些错误，因此无法使其正常工作。我不明白错误是什么，因此我决定在这里寻求帮助。

第一点介绍。我正在使用node.js服务器。服务器的根目录如下所示

node_modules /
a01.js
的index.html
main.js

我还在服务器端安装了ui-router npm package。

我在服务器上运行的文件是 main.js ，它看起来像这样：

var express = require('express');
var app = express();

app.get('/', function(req, res){
  res.sendFile(__dirname + "/index.html");
});

app.listen(80);
console.log("App is listening on port 80")

这是 index.htm ：

<html>
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"></script>
    <script src="a01.js"></script>
  </head>

  <body ng-app="app">
    <a href="#/first-msg">FirstMessage</a>
    <div ui-view>

    </div>
  </body>
</html>

这是 a01.js ：

var app = angular.module('app', ['ui.router']);

app.config(['$stateProvider', function($stateProvider) {
  // body...
  $stateProvider.state('firstMessage', {
    url: '/first-msg',
    template: '<strong> This is first message!</strong>' 
  })
}])

以下是我进入浏览器控制台的错误：error-link这就是它的样子：

一些想法？

无法运行简单的ui-router应用程序（anglularJs Ui-Router）

0 个答案: