GVKun编程网logo

如何使用url_调用@ app.route'/'？（调用url接口）

2

本文的目的是介绍如何使用url_调用@app.route'/'？的详细情况，特别关注调用url接口的相关信息。我们将通过专业的研究、有关数据的分析等多种方式，为您呈现一个全面的了解如何使用url_调用

本文的目的是介绍如何使用url_调用@ app.route'/'？的详细情况，特别关注调用url接口的相关信息。我们将通过专业的研究、有关数据的分析等多种方式，为您呈现一个全面的了解如何使用url_调用@ app.route'/'？的机会，同时也不会遗漏关于ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j、Angular 2：类型’Route []’的参数不能分配给’Route []’类型的参数.、angular – ng new hello错误：路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在、Angular应用内路由(In App Route)的最佳实践的知识。

本文目录一览：

如何使用url_调用@ app.route'/'？（调用url接口）

如何使用url_调用@ app.route'/'？（调用url接口）

如何解决如何使用url_调用@ app.route''/''？

我有一条这样的路线：

@app.route(''/'')
@app.route(''/upload'')
def upload():
    if someCondition():
        return redirect(url_for(''''))
    return render_template(''upload.html'')

和upload.html模板的一部分：

<ahref="{{ url_for('''') }}">Home</a>

当我尝试启动网页时，我得到BuildError: Could not build url for endpoint ''''. Did you mean ''upload'' instead?

当我更改为url_for(''upload'')时，可以成功加载页面并且链接正常工作，但是当我单击“主页”时，浏览器URL栏中将显示192.168.1.1:5000/upload。

如何实现url_for()，以便在单击“主页”链接时加载192.168.1.1:5000/而不是192.168.1.1:5000/upload？

ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j

ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j

如何解决ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j

我正在Rails上执行此应用程序，页面加载正常，但在控制台中显示：

Started GET "/vendor/assets/stylesheets/bootstrap.min.css" for ::1 at 2020-08-17 09:09:51 -0500

Started GET "/vendor/assets/javascripts/bootstrap.min.js" for ::1 at 2020-08-17 09:09:51 -0500
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/stylesheets/bootstrap.min.css"):
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/javascripts/bootstrap.min.js"):

在我的供应商文件夹中，我同时拥有文件夹，javascript和样式表，并分别位于各自的bootsrtrap.min中。 即使在application.html.erb中，我也有以下内容：

  <link href="vendor/assets/stylesheets/bootstrap.min.css" rel="stylesheet">
  <%= csrf_Meta_tags %>
  <%= stylesheet_link_tag    ''application'',media: ''all'',''data-turbolinks-track'': ''reload'' %>
  <%= javascript_include_tag ''application'',''data-turbolinks-track'': ''reload'' %>

</head>
<body>

  <!-- Navigation -->
  <nav>
    <div>
      <ahref="#">Instagram Clone</a>
      <buttontype="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span></span>
      </button>
      <divid="navbarResponsive">
        <ul>
          <li>
            <ahref="#">Home
              <span>(current)</span>
            </a>
          </li>
          <li>
            <ahref="#">About</a>
          </li>
          <li>
            <ahref="#">Services</a>
          </li>
          <li>
            <ahref="#">Contact</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Page Content -->
  <div>
    <div>
      <div>
        <%= yield %>
      </div>
    </div>
  </div>

  <!-- Bootstrap core JavaScript -->
  <!--<script src="vendor/jquery/jquery.slim.min.js"></script>-->
  <script src="vendor/assets/javascripts/bootstrap.min.js"></script>
    
</body>
</html>

在js和CSS这两个应用程序文件中，我都放置了“ require bootsrtrap.min”，即使该错误仍然出现在控制台中。 会是什么？

解决方法

RoR不使用目录作为文件夹结构指示。因为有资产装载者。您应该将5s或更少的css导入application.css中，并将js导入application.js中。并使用自己的助手添加捆绑文件：

1。用纱安装靴子

yarn add bootstrap @popperjs/core jquery

或

npm i bootstrap @popperjs/core jquery

栏位不超过5

2。在Assets Pipeline中导入文件

app / assets / stylesheets / application.css：

//...
require bootstrap/dist/css/bootstrap.min
//...

但是，如果需要，我建议使用SCSS并仅导入所需的样式。

app / assets / javascript / application.js：

//...
//= require jquery
//= require @popperjs/core
//= require bootstrap/dist/js/bootstrap.min
//...

3。在布局中导入资产

app / views / layout / application.html.erb：

<head>
...
  <%= stylesheet_link_tag ''application'',media: ''all'' %>
</head>
<body>
...
  <%= javascript_include_tag ''application'' %>
</body>

使用webpack滚动6

2。在application.scss和application.js中导入Bootstrap

app / javascript / stylesheets / application.scss：

//...
import ''bootstrap''
//...

app / javascript / packs / application.js：

import ''jquery''
import ''popper.js''
import ''bootstrap''
import ''../stylesheets/application''

3。在布局中导入捆绑包

<head>
...
  <%= stylesheet_pack_tag ''application'',media: ''all'',''data-turbolinks-track'': ''reload'' %>
  <%= javascript_pack_tag ''application'',''data-turbolinks-track'': ''reload'' %>
</head>

之后，您应该可以在所有应用程序中使用引导程序！

,

[解决方案]因此，在我的HTML（application.html.erb）内部，我有两个对js和css文件的调用：

<script src="assets/javascripts/bootstrap.min.js"></script>
  <%= javascript_include_tag ''application'',''data-turbolinks-track'': ''reload'' %>       
<link href="assets/stylesheets/bootstrap.min.css" rel="stylesheet">
  <%= csrf_meta_tags %>
  <%= stylesheet_link_tag    ''application'',''data-turbolinks-track'': 
  ''reload'' %>

正如您在上面看到的那样，在使用javascript的情况下，我有一个使用脚本的调用，而另一个使用了的调用，两者都造成了问题，所以您只需要评论一个，我就对该脚本进行评论对于我的java文件和CSS文件，一个。 像这样：

  <!--<link href="assets/stylesheets/bootstrap.min.css" rel="stylesheet">-->
    <!--<script src="assets/javascripts/bootstrap.min.js"></script>-->

对我来说，解决了这个问题，我真的尝试了所有事情，这就是解决方案哈哈。

Angular 2：类型’Route []’的参数不能分配给’Route []’类型的参数.

Angular 2：类型’Route []’的参数不能分配给’Route []’类型的参数.

当我更新到nativescript-angular的最后一个版本时,我收到此错误,我想这个问题与我正在使用的Angular 2版本和模块使用的版本之间的差异有关.是否有人能够告诉我应该使用哪些正确的版本才能使其正常工作？
请注意,我打算升级到nativescript-angular的最后一个版本是使用RouterExtensions. 

Argument of type 'Route[]' is not assignable to parameter of type  'Route[]'.
  Type 'Route' is not assignable to type 'Route'.
    Types of property 'pathMatch' are incompatible.
      Type 'string' is not assignable to type '"full" | "prefix"'.
        Type 'string' is not assignable to type '"prefix"'.
const routes: Route[]

这些是我的package.json依赖项：

"dependencies": {
    "@angular/common": "2.0.0-rc.4","@angular/compiler": "2.0.0-rc.4","@angular/core": "2.0.0-rc.4","@angular/forms": "0.3.0","@angular/http": "2.0.0-rc.4","@angular/platform-browser": "2.0.0-rc.4","@angular/platform-browser-dynamic": "2.0.0-rc.4","@angular/platform-server": "2.0.0-rc.4","@angular/router": "^3.0.0-rc.1","@angular/router-deprecated": "2.0.0-rc.2","@angular/upgrade": "2.0.0-rc.4","nativescript-angular": "^0.3.1","nativescript-plugin-firebase": "^3.5.3","reflect-Metadata": "^0.1.8","rxjs": "5.0.0-beta.6","tns-core-modules": "^2.3.0-2016-08-29-3966","zone.js": "^0.6.17"
  },

app.routes.ts：

import { RouterConfig } from '@angular/router';
import { nsprovideRouter} from 'nativescript-angular/router';
import { LoginComponent } from './components/login.component';
import { DashboardComponent } from './components/dashboard.component';


const routes: RouterConfig = [
    {
        path: '',redirectTo: '/login',terminal: true
    },{ 
        path: 'login',component: LoginComponent
    },{
        path: 'dashboard',component: DashboardComponent
    }
];


export const APP_ROUTER_PROVIDERS = [
    nsprovideRouter(routes,{ enableTracing: false })
];

解决方法

似乎没有@ angular / router导出的属性RouterConfig.请尝试使用路由. 

const routes: Routes = [ // <==
    {
        path: '',component: DashboardComponent
    }
];

angular – ng new hello错误：路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在

angular – ng new hello错误：路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在

我在角度创建新项目时面临问题.
当我运行新的myapp命令时,我得到以下命令

新的你好

Error: Path "/app/app.module.ts" does not exist.
Path "/app/app.module.ts" does not exist.

谁能帮我吗？？？

解决方法

这是解决方案 

Please make sure that your new folder have write permission

如果您使用的是ubuntu,请将以下命令运行到该文件夹

sudo chmod 644 -R foldername

然后运行新的appname

并检查您的节点版本

Angular应用内路由(In App Route)的最佳实践

Angular应用内路由(In App Route)的最佳实践

Angular官网里关于路由开发的最佳实践指导：

In Angular, the best practice is to load and configure the router in a separate, top-level module that is dedicated to routing and imported by the root AppModule.

By convention, the module class name is AppRoutingModule and it belongs in the app-routing.module.ts in the src/app folder.

使用命令行生成路由module：

ng generate module app-routing --flat --module=app

flat的含义: 把生成的module放到项目根目录下面，而不是放到一个单独目录下。

–module=app：告诉CLI该module生成完毕后，注册到AppModule的imports数组内。

代码如下：

import {
   
   
    NgModule } from ''@angular/core'';
import {
   
   
    RouterModule, Routes } from ''@angular/router'';
import {
   
   
    HeroesComponent } from ''./heroes/heroes.component'';

const routes: Routes = [
  {
   
   
    path: ''heroes'', component: HeroesComponent }
];

@NgModule({
   
   
   
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {
   
   
    }

Routes告诉Router，当用户点击了url或者将路径粘贴到地址栏之后，应该打开哪个视图。

RouterModule.forRoot(routes)方法的作用：

configure the router at the application’s root level. The forRoot() method supplies the service providers and directives needed for routing, and performs the initial navigation based on the current browser URL.

使用route之前的app Component html：

使用route之后：

<h1>{
  
  
  {title}}</h1>
<router-outlet></router-outlet>
<app-messages></app-messages>

The tells the router where to display routed views: 告诉router在哪里显示被路由器控制的视图。

RouterOutle是router指令，整个AppComponent范围内都可用，因为在AppModule里导入了AppRoutingModule，而后者又export了RouterModule.

测试：


要获取更多Jerry的原创文章，请关注公众号"汪子熙":

本文分享 CSDN - 汪子熙。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。

今天关于如何使用url_调用@ app.route'/'？和调用url接口的讲解已经结束，谢谢您的阅读，如果想了解更多关于ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j、Angular 2：类型’Route []’的参数不能分配给’Route []’类型的参数.、angular – ng new hello错误：路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在、Angular应用内路由(In App Route)的最佳实践的相关知识，请在本站搜索。

本文标签：

上一篇vtreat的kWayCrossValidation结果中的“ app”是什么意思？（approval details）

下一篇如何使用来自 react-phone-input-2 包的 PhoneInput 显示错误消息？

相关文章