Fatal编程技术网
  • ruby-on-rails/
  • Ruby on rails 获取'；区域已加载'；Rails中的错误+；网页包+；角度2初始设置

Ruby on rails 获取'；区域已加载'；Rails中的错误+；网页包+；角度2初始设置

ruby-on-rails angular

Ruby on rails 获取'；区域已加载'；Rails中的错误+；网页包+；角度2初始设置,ruby-on-rails,angular,ruby-on-rails-5,ruby-on-rails-5.1,Ruby On Rails,Angular,Ruby On Rails 5,Ruby On Rails 5.1,我使用了以下规范 1） 轨道5.1.3 2） ruby 2.4.1 3） 带包装器的导轨 4） 带webpacker的Angular 4.3.4（打字脚本） 我使用命令rails新建我的rails应用程序--webpack angular创建新的rail应用程序 文件夹结构 之后，根据app/javascript/packs/application.js和app/javascript/packs/hello\u angular.js下的说明，我在application.html.erb中将添加

我使用了以下规范

1） 轨道5.1.3

2） ruby 2.4.1

3） 带包装器的导轨

4） 带webpacker的Angular 4.3.4（打字脚本）

我使用命令
rails新建我的rails应用程序--webpack angular创建新的rail应用程序

文件夹结构

之后，根据
app/javascript/packs/application.js和
app/javascript/packs/hello\u angular.js
下的说明，我在
application.html.erb
中将
添加到
head
后面的
标签中

在布局
application.html.erb


// <hello-angular>Loading...</hello-angular>
//
// <%= javascript_pack_tag 'hello_angular' %>


干得好。它将在web控制台中呈现代码，但仍然存在相同的区域错误



可能这是rails的问题。如果是这样，我希望它能在下一个补丁版本中解决

有人能帮助我们解决这个问题吗？我做错了什么


<!DOCTYPE html>
<html>
  <head>
    <title>AngularOnRailsWithWebpack</title>
    <%= csrf_meta_tags %>

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

  <body>
    <hello-angular>Loading...</hello-angular>
    <%= javascript_pack_tag 'hello_angular' %>
    <%= yield %>
  </body>
</html>



import './polyfills.ts';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';

document.addEventListener('turbolinks:load', () => {
  platformBrowserDynamic().bootstrapModule(AppModule);
})