如何在 Rails 应用程序中包含 AngularJS 库文件

how to include angularjs library file in rails app

本文关键字：包含 AngularJS 文件 应用程序 Rails      更新时间：2023-09-26
ActionController::RoutingError (No route matches [GET] "/assets/angular.min.js.map"):
actionpack (4.1.0) lib/action_dispatch/middleware/debug_exceptions.rb:21:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/show_exceptions.rb:30:in `call'
railties (4.1.0) lib/rails/rack/logger.rb:38:in `call_app'
railties (4.1.0) lib/rails/rack/logger.rb:20:in `block in call'
activesupport (4.1.0) lib/active_support/tagged_logging.rb:68:in `block in tagged'
activesupport (4.1.0) lib/active_support/tagged_logging.rb:26:in `tagged'
activesupport (4.1.0) lib/active_support/tagged_logging.rb:68:in `tagged'
railties (4.1.0) lib/rails/rack/logger.rb:20:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/request_id.rb:21:in `call'
rack (1.5.2) lib/rack/methodoverride.rb:21:in `call'
rack (1.5.2) lib/rack/runtime.rb:17:in `call'
activesupport (4.1.0) lib/active_support/cache/strategy/local_cache_middleware.rb:26:in `call'
rack (1.5.2) lib/rack/lock.rb:17:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/static.rb:64:in `call'
rack (1.5.2) lib/rack/sendfile.rb:112:in `call'
railties (4.1.0) lib/rails/engine.rb:514:in `call'
railties (4.1.0) lib/rails/application.rb:144:in `call'
rack (1.5.2) lib/rack/lock.rb:17:in `call'
rack (1.5.2) lib/rack/content_length.rb:14:in `call'
rack (1.5.2) lib/rack/handler/webrick.rb:60:in `service'
/home/test-user/.rvm/rubies/ruby-2.1.2/lib/ruby/2.1.0/webrick/httpserver.rb:138:in `service'
/home/test-user/.rvm/rubies/ruby-2.1.2/lib/ruby/2.1.0/webrick/httpserver.rb:94:in `run'
/home/test-user/.rvm/rubies/ruby-2.1.2/lib/ruby/2.1.0/webrick/server.rb:295:in `block in start_thread'

Rendered /home/test-user/.rvm/gems/ruby-2.1.2/gems/actionpack-4.1.0/lib/action_dispatch/middleware/templates/rescues/_trace.html.erb (1.1ms)
Rendered /home/test-user/.rvm/gems/ruby-2.1.2/gems/actionpack-4.1.0/lib/action_dispatch/middleware/templates/routes/_route.html.erb (1.2ms)
Rendered /home/test-user/.rvm/gems/ruby-2.1.2/gems/actionpack-4.1.0/lib/action_dispatch/middleware/templates/routes/_table.html.erb (1.3ms)
Rendered /home/test-user/.rvm/gems/ruby-2.1.2/gems/actionpack-4.1.0/lib/action_dispatch/middleware/templates/rescues/routing_error.html.erb within rescues/layout (17.8ms)

应用程序.js文件

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require angular.min
//= require_tree .
如果你想在

rails中包含Angular.js库，那么最好使用gem。

gem 'angularjs-rails'

angularjs-rails 包装了 Angular.js 库，以便在 Rails 3.1及更高版本中使用。资产将在生产过程中自动缩小。

在您的应用程序中.js添加此

//= require angular

如果您希望需要(可选(Angular 文件，您也可以将它们包含在您的 JavaScript 清单文件(应用程序.js(中。例如：

//= require angular-animate
//= require angular-resource

供您参考 https://github.com/hiravgandhi/angularjs-rails

最后我找到了解决方案 https://shellycloud.com/blog/2013/10/how-to-integrate-angularjs-with-rails-4

当然，gem 'angularjs-rails' 是另一种可能性之一。

相关文章：