使用 webpacker 读取 js.erb 文件时出现 SyntaxError

Question

我目前正在使用 Rails5 和 React 进行开发。
为了使用 React，我们使用了一个名为 react-rails 的 gem，而这个 gem 使用了 webpacker。
当时在React中，创建了js.erb文件来引用用assets预编译的图片
我在网上查的资料有rails-erb-loader，应该是可以读的
但是，出现语法错误。
我会在下面详细写。

错误日志

# ./bin/webpack-dev-server
~~~
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /home/myproject/app/javascript/components/sample.js.erb: Unexpected token (1:1)

> 1 | <% helpers = ActionController::Base.helpers %>

样本.js.erb

<% helpers = ActionController::Base.helpers %>

export const png_path = "<%= helpers.image_path('sample.png') %>"

package.json

{
  "name": "Sample",
  "private": true,
  "dependencies": {
    "@babel/preset-react": "^7.0.0",
    "@rails/webpacker": "^4.0.7",
    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
    "lodash": "^4.17.14",
    "prop-types": "^15.7.2",
    "rails-erb-loader": "^5.5.2",
    "react": "^16.10.2",
    "react-dom": "^16.10.2",
    "react_ujs": "^2.6.0",
    "reactjs-popup": "^1.4.1"
  },
  "devDependencies": {
    "webpack-dev-server": "^3.8.2"
  }
}

如何解决这个错误？我们将等待答案。

Answer 1

这个问题没有解决。抱歉

使用 webpacker 读取 js.erb 文件时出现 SyntaxError

SyntaxError occurs when reading js.erb file with webpacker

ruby-on-rails

webpacker