问题标签 [webpacker]

当我尝试使用 webpacker 在我的新 rails 5.1 应用程序中加载页面时收到此错误。我希望 webpacker 也可以处理 CSS。

我在./bin/webpack-dev-server旁边运行rails server。我使用以下方法创建了应用程序：

rails new myapp --webpack bundle bundle exec rails webpacker:install:react

我有一个 CSS 文件app/javascript/src/application.css。（这样写让我觉得有些不对劲。将 css 放在 javascript 目录中似乎不合适。）

我只定义了单个根路由root to: 'home#welcome'。

这是app/views/layouts/application.html.erb

这是我的config/webpacker.yml（我也尝试过false在开发中设置编译。

我不想预先添加太多细节，以防它们更分散注意力然后有帮助。请询问其他任何问题，我会补充我的问题。谢谢！

我是使用带有 webpacker gem 的 rails 5.1 的新手，在尝试将我的环境配置为使用bpmn-js库时遇到了这个问题。我用 yarn 安装了这个bpmn-js包，但我仍然需要从bpmn-js 示例项目中添加一些必需的文件才能在project/app/javascript/packs/application.js. 问题是application.js使用 fs 模块创建一个新图表，如下所示：

项目/app/javascript/packs/application.js

您不能在非节点环境中使用“fs”库。这条线是问题所在：

我有一个使用 webpacker gem 的 rails 5.1 应用程序。我的 package.json 文件如下：

而我的 webpack/environment.js 文件如下：

如果我在 app/javascript/templates 中创建一个 foo.hbs 文件，那么我可以使用以下代码成功编译该模板：

但我遇到困难的部分是如何添加车把助手。我想要一个文件夹 app/javascript/handlebars-helpers 并在其中放置辅助函数，但我不确定如何配置它。handlebars-loader 的文档建议您如何指定助手目录：https ://github.com/pcardune/handlebars-loader/blob/master/examples/helperDirs/webpack.config.js但我不清楚我如何将它添加到 webpacker 的 environment.js 中。

我正在尝试webpacker使用docker, puma 3.10.0,rails 5.1.4和webpacker 3.0.1.

我为 docker 设置了以下配置：

Dockerfile

码头工人-compose.yml

不幸的是，每当我运行docker-compose up和访问时localhost:3000，我都会收到以下错误：

#<Errno::EADDRNOTAVAIL: Cannot assign requested address - connect(2) for [::1]:3035>

任何帮助是极大的赞赏。谢谢大家。

下面的编辑是来自我的 webpack 和应用程序容器的日志：

这是实际网页本身显示的错误输出：

访问Rails.envjavascript 的最佳方式是什么？

目前我正在使用 ReactJS 和现有的 Rails 项目，使用webpackergem。（不使用react-rails宝石）

我试过什么？

从 rails 应用程序设置一个 javascript 变量（查看我的根组件所在的模板）并在根组件 JS 中访问它。但是这种方法对我来说看起来很冗长，因为我需要在 react 应用程序中的所有 JS 文件中传递该变量。

有没有更好的方法来做到这一点？

我们elastic-beanstalk用作我们的服务器。我们使用webpackerwithrails来编译和捆绑一个react应用程序。部署日志时，我们得到以下信息

安装纱线包时出现错误，因为它不会进入第 2 步或第 4 步。

当我 ssh 进入服务器时，转到ondeck包含我相信的最新代码的目录，然后运行yarn install，我得到：

当我使用sudo yarn install它时，当我使用 更新权限时sudo chmod -R 777 /var/app，它就有效。所以我尝试将 chmod 命令添加到 a.ebextensions config file但我没有运气。

奇怪的是，我们使用了两台服务器，elastic-beanstalk而第一台使用相同的代码和配置文件正确部署。然后这个服务器没有正确部署，所以我不明白服务器之间的权限如何不同，除非有人手动更改它们。

我在这里在 webpacker 中创建了一个问题：https ://github.com/rails/webpacker/issues/810

部署在beanstalk. 与. rails_webpacker

我们似乎无法获得有关导致编译失败的更多信息。

我们如何获得更多信息？豆茎有调试模式吗？

这些是我们可以看到的最具描述性的错误：

所以我的项目是在 Rails 5 上使用 Webpacker 做出反应。如果我通过link_to帮助程序访问页面似乎 javascript document.addEventListener('turbolinks:load')无法正常工作。

这是我的根控制器insurance_form_container.jsx

这是我这条路线的 html 模板

这是我在另一页的链接。

似乎console.log('root react')运行正常，但ReactDOM.render根本没有运行。除非我刷新页面，否则它会正确加载。

我错过了什么吗？如何使.jsx代码通过link_to助手运行？

谢谢！

我正在使用 Webpacker 工作 Rails5 项目，以便正确运行 React

但是当import我的根组件中的 css 文件似乎根本不起作用时。看起来样式表根本不会出现。

这是我的根组件

这是我的webpack/environment.js

那么我怎样才能使导入的 css 与 webpacker 一起工作呢？

谢谢！

我正在尝试一个全新的 Rails 5.1.4 应用程序，安装默认的 webpacker 和 vue 脚本

rails new app --webpack rails webpacker:install:vue

我正在尝试使用包含hello_vue.js示例文件的新应用程序。

“你好，维！” 被渲染，但组件中包含的作用域 css 不是。

这是一个错误吗？任何变通办法？