Rails Webpacker : rails-erb-loader无法解析.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)

直接输入我的配置：

config/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'
    }
  }]
}

config/webpack/environment.js .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

我在config/webpacker.yml文件中启用了.erb扩展。

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

我深入研究了webpacker和rails_erb_loader问题，但没有成功。有什么想法吗？

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

Answer 1

此外，如果您执行以下命令，webpacker将提供erb加载器：

rails webpacker:install:erb

Answer 2

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

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

并在配置/webpacker/environments.js.js中将erb的append替换为prepend：

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

Answer 3

好了，这最终是非常简单的…

我创建了一个加载器定义html_erb.js

module.exports = {
  test: /\.html.erb$/,
  loader: [
    'rails-erb-loader',
    'html-loader'
  ]
};

就是这样，它在经典的erb加载程序之前捕获并将输出转换为html…这就是我希望rails-erb-loader能做的事情，但是...

无论如何，它是有效的:D