角度ui-router转换被取消/转换阻止/转换中止/转换失败

时间:2017-02-24 15:30:21

标签: angularjs npm angular-ui-router npm-install

我得到的错误:  错误:转换被取代  at $ StateProvider。$ get(http://localhost:1337/angular-ui-router/release/angular-ui-router.js:2903:42

错误:阻止转换  错误:转换已中止  错误:转换失败

我发现了一个类似的帖子,他建议解决方案是将angular-ui-router更新为0.3.1但是当我更新它时,它只更新到版本0.2.18,我检查了说文件0.2。 18以及所以我有点困惑。我无法在网上找到任何其他内容,希望有人有一个想法,因为我不知道为什么我会得到这些错误。 谢谢!

<!DOCTYPE html>
<html lang="en">

<head>
    <base href="/" />
    <title>An app</title>
    <link rel="stylesheet" type="text/css" href="/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="/style.css" />
    <link rel="stylesheet" href="/materialize-css/bin/materialize.css">
    <script src="/lodash/index.js"></script>
    <script type="text/javascript" src="/jquery/dist/jquery.min.js"></script>

    <script src="/angular/angular.js"></script>
    <script src="/angular-animate/angular-animate.js"></script>
    <script src="/angular-ui-router/release/angular-ui-router.js"></script>
    <script src="/angular-ui-router-styles/ui-router-styles.js"></script>
    <script type="text/javascript" src="/materialize-css/bin/materialize.js"></script>

    <script src="/angular-ui-bootstrap/ui-bootstrap.js"></script>
    <script src="/angular-ui-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="/socket.io-client/socket.io.js"></script>
    <script src="/main.js"></script>
</head>

<body ng-app="myApp">
    <navbar></navbar>
    <div id="main" ui-view></div>
</body>

</html>

app.js

window.app = angular.module('myapp', ['ui.router', 'ui.bootstrap', 'ngAnimate']);

app.config(function ($urlRouterProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $urlRouterProvider.otherwise('/');  
});

package.json的一部分

},
  "engines": {
    "node": ">=4.0.0"
  },
  "dependencies": {
    "angular": "^1.6.2",
    "angular-animate": "^1.6.2",
    "angular-mocks": "^1.4.0",
    "angular-ui-bootstrap": "^0.14.3",
    "angular-ui-router": "^0.2.18",
    "babel-preset-es2015": "^6.6.0",
    "babel-register": "^6.6.0",
    "bluebird": "^3.4.7",
    "body-parser": "^1.12.0",
    "bootstrap": "^3.3.7",
    "chalk": "^1.0.0",
    "connect-session-sequelize": "^3.0.0",
    "cookie-parser": "^1.3.4",
    "express": "^4.12.0",
    "express-session": "^1.10.3",
    "gulp": "^3.8.11",
    "gulp-babel": "^6.1.2",
    "gulp-concat": "^2.5.2",
    "gulp-eslint": "^0.14.0",
    "gulp-istanbul": "^0.9.0",
    "gulp-livereload": "^3.7.0",
    "gulp-minify-css": "^0.4.6",
    "gulp-mocha": "^2.0.0",
    "gulp-ng-annotate": "^0.5.2",
    "gulp-notify": "^2.2.0",
    "gulp-plumber": "^0.6.6",
    "gulp-rename": "^1.2.0",
    "gulp-sass": "^2.0.4",
    "gulp-sourcemaps": "^1.3.0",
    "gulp-uglify": "^1.1.0",
    "jquery": "^3.1.1",
    "lodash": "^3.9.3",
    "materialize-css": "^0.98.0",
    "nodemon": "^1.3.7",
    "passport": "^0.2.1",
    "passport-local": "^1.0.0",
    "pg": "^4.5.5",
    "pg-hstore": "^2.3.2",
    "run-sequence": "^1.0.2",
    "sequelize": "^3.23.3",
    "socket.io": "^1.3.4",
    "socket.io-client": "^1.3.5",
  }
}

2 个答案:

答案 0 :(得分:3)

为什么在新的ui-router出现时使用旧版本的ui-router。你尝试过:

"angular-ui-router": "1.0.0-rc.1",

如果这不起作用,我们需要更多关于您的问题的信息,也许是一个显示问题的傻瓜,只提供您提供的代码,很难告诉您什么是&#39; s错。

另外,在与您的问题无关的附注中,我建议您将依赖关系和devDependencies之间的依赖关系分开。有关详细信息,请参阅here

答案 1 :(得分:1)

从package.json中删除“angular-ui-router”:“^ 0.2.18” 只需运行命令

   npm install --save angular-ui-router