В настоящее время я разрабатываю с Rails5 и React.
И чтобы использовать React, мы используем гем под названием response-rails, и этот драгоценный камень использует webpacker.
В то время в React файл js.erbбыл создан для ссылки на изображение, предварительно скомпилированное с активами.
Информация, которую я искал в сети, имела rails-erb-loader, поэтому она должна была быть читаемой.
Однако произошла ошибка SyntaxError.
Я напишуподробности ниже.
# ./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 %>
<% helpers = ActionController::Base.helpers %>
export const png_path = "<%= helpers.image_path('sample.png') %>"
{
"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"
}
}
Как я могу решить эту ошибку? Мы будем ждать ответа.