ruby-on-rails - Rails Webpacker : rails-erb-loader failing parsing . html.erb

Question

我尝试使用 rails-erb-loader。

在我的 home.component.ts

import templateString from './home.component.html';

我有一个 home.component.html.erb

<div class="row">...</div>

我还有一个由 rake webpacker:install:erb 生成的 app/javascript/packs/hello_erb.js.erb

我收到以下错误:

ERROR in ./app/javascript/packs/hello_erb.js.erb
Module build failed: Error: rails-erb-loader failed with code: 1

我想这是加载 ruby​​ bin 的配置错误，我想我可以解决这个问题，我真正的问题是以下错误:

ERROR in ./app/javascript/hello_angular/app/home/home.component.html.erb
Module parse failed: Unexpected token (1:0)

直接说我的配置:

配置/webpack/loaders/erb.js

module.exports = {
  test: /\.erb$/,
  enforce: 'pre',
  exclude: /node_modules/,
  use: [{
    loader: 'rails-erb-loader',
    options: {
      runner: (/^win/.test(process.platform) ? 'ruby ' : '') + 'bin/rails runner'
    }
  }]
}

配置/webpack/environment.js

const { environment } = require('@rails/webpacker')

const typescript =  require('./loaders/typescript')
environment.loaders.append('typescript', typescript)

const html = require('./loaders/html')
environment.loaders.append('html', html)

const erb =  require('./loaders/erb')
environment.loaders.append('erb', erb)

module.exports = environment

我有 .erb在 config/webpacker.yml 中启用扩展

我的直觉是我的 .html.erb由于某种原因被解析为 javascript ......我不知道为什么。

我挖了 webpacker和 rails_erb_loader没有成功的问题。
任何的想法 ？

顺便说一句，我看到了这个类似的问题:
Webpacker in Rails Project using angular cannot import .html.erb and .css from external template

Answer 1

我有一个类似的错误，并通过在 config/webpacker.rb 中添加以下内容来修复它:

default:
  extensions:
    - .js.erb # first array entry

并更换 append与 prepend对于 config/webpacker/environments.js 中的 erb:

environment.loaders.prepend('erb', erb)