2017-02-24 28 views
1

即時得到錯誤: 錯誤:轉變爲$ StateProvider取代 $得到(http://localhost:1337/angular-ui-router/release/angular-ui-router.js:2903:42誤差取代防止/轉換/過渡中止角UI路由器過渡/轉換失敗

錯誤:過渡防止 錯誤:轉換中止 錯誤:轉換失敗

我發現了一個類似的帖子,他建議解決方案是將angular-ui-router更新爲0.3.1,但是當我更新它時,它僅更新到版本0.2.18,我檢查了0.2.18的文檔,所以我有點兒c onfused。我無法找到任何其他在線和希望有人有一個想法,因爲我不知道爲什麼即時得到這些錯誤。 謝謝!

<!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的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

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

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

一部分。你是否已經嘗試過:

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

之後,如果還是不行,我們需要您的問題更多的信息,也許plunker,顯示問題,只用你提供的代碼,這是很難告訴你什麼是錯的。

同樣在一個側面說明這無關你的問題,我建議你的依賴和devDependencies之間分開你的依賴。見here更多細節

0

刪除 「角UI路由器」: 「^ 0.2.18」,從的package.json 只需運行命令

npm install --save angular-ui-router