问题标签 [webpacker]

伙计们，所以，昨天我升级到了 High Sierra。

之后 - 我无法启动我的项目导致此错误：

下一个日志：

有没有人已经为自己修好了？

我想做类似 Rails.env.test 的事情吗？但是使用通过 Rails 和 Webpacker 设置的 Vue.js 应用程序。

怎么做？

我正在尝试将我的 Rails 5.1.3 应用程序从 react-rails 转换为 webpacker - 并且正在使用 webpacker-react gem。一切似乎都加载得很好（没有错误），但是 React 组件本身不会呈现。

在 application.js 中

在我的erb看来：

在 UserSchedule.jsx 我有这个代码：

控制台日志记录适用于除渲染内部之外的所有内容。

所以我知道 jsx 文件正在加载。并且在呈现的元素中显示了正确的 html 标记：

那么我做错了什么？之前有其他人使用 webpacker-react gem 从 react-rails 转换到 webpacker 吗？

当我尝试运行给定的命令时，遵循文档没有构建任何内容。

我正在尝试将 Vuelidate 与 Webpacker 一起用于我的 Rails 应用程序。通常我只需要为我的 packages.json 运行以下命令来构建并部署到我的应用程序中：

但这在产品中不起作用，因为我添加了 Vuelidate（在开发中工作正常）。

这是我的 package.json 文件：

我猜这个包没有正确安装到/home/my_user/my_app/app/javascript/packs. 知道我将如何解决这个问题吗？

提前致谢！

一般来说，我是 Webpacker 和 Rails 的新手。我最近开始使用 Webpacker 来捆绑 React 组件。由于应用程序的一部分仍然使用资产管道，一些依赖项仍然存储在 中vendor/assets/javascript，并且可以作为全局变量访问。Webpack 包将这些依赖项声明为外部依赖项，并且在为应用程序提供服务时，一切正常，因为 Rails 服务于依赖项，然后由包提取。现在我想开始使用 jsdom 之类的东西来测试这个包。我正在使用具有与开发相同配置的 mocha-webpack。

在这种情况下如何加载外部依赖项？如果我理解正确，捆绑包构建得很好，但是当测试运行时，依赖项没有加载。

在尝试将 Rails Webpacker gem 实现到现有应用程序中时，我遇到了一个令人困惑的问题。

不幸的是，我在调试信息的方式上提供的东西不多，这也是一个内部项目，所以我在共享整个项目源方面的选择有限。

我正在按照此处概述的确切步骤进行操作：https ://github.com/rails/webpacker并且现在已经完成了多次，但是在bundle exec rails webpacker:install命令期间（运行后bundle），我看到了消息：

跳过 webpack 和 webpack-dev-server，因为它们已经存在。如果要覆盖跳过的存根，请使用 --force。

这个 binstubs 绝对不存在于我的bin/目录中。在 webpacker 安装之前或之后。

我觉得此时我已经尝试了所有方法，但似乎没有任何效果：

• 重新安装 gem（多个版本，甚至通过 Git）
• 从不同的项目手动创建 binstub（这“有效”，直到我尝试运行webpacker:install:react脚本）。
• 手动运行 Yarn，尝试--force创建 binstubs
• 尝试了多种不同的配置调整webpacker.yml

在这一点上，我只是没有想法。还有什么我应该检查的，可以试试吗？

React_on_rails v9 使从服务器端传递道具变得轻而易举，因此当 prerender设置为 true 时，使服务器端渲染变得如此简单。但面临的挑战是在尝试实现 React Router v4 时。反应路由器的问题是无法从服务器端传递道具

我相信有关从 v7 升级到 v9 的文档将解决此问题 - https://github.com/shakacode/react_on_rails/issues/809#issuecomment-334344969。但在我等待的同时，我认为我们仍然可以做一些事情来解决路由问题。

以下是一些重现的步骤：

应用程序/javascript/bundles/RailsNg/components/ServerHome.jsx

应用程序/javascript/bundles/RailsNg/components/ClientHome.jsx

};

应用程序/javascript/bundles/RailsNg/components/routes/routes.jsx

应用程序/javascript/bundles/RailsNg/components/RailsNg.jsx

应用程序/javascript/packs/rails-ng-bundles.js

应用程序/javascript/packs/clientRegistration.js

应用程序/视图/rails_ng/index.html.erb

应用程序/视图/布局/rails_ng.html.erb

应用程序/控制器/rails_ng_controller.rb

config/application.rb - 这个文件被配置为让 rails 从资产管道中获取 saas 字体。

我在 Google Chrome 控制台中的结果：

反应路由器的问题是无法从服务器端传递道具。这个with-react-router-screenshot显示无法传递来自服务器的图像道具。这是由于RailsNg组件通过了路由器。我没有足够的声誉发布两个以上的链接。但是没有RailsNg组件通过反应路由器，图像道具从服务器端渲染。

非常感谢您的帮助。谢谢。

我在将带有 webpacker 和 vue 的简单 Rails 应用程序部署到 digitalocean 液滴时遇到问题。

一旦我将 moment 依赖项添加到 vue 组件，服务器上的编译过程就会失败。（没有输出）我不知道如何找到解决方案。

我在 main.js 中添加依赖项的方式：

以及我如何在组件中使用它：

'RAILS_ENV=production bin/bundle exec rake assets:precompile --trace' 在服务器上的输出

在组件中添加依赖项的其他方法会导致相同的问题。在我的笔记本电脑上，一切都在开发模式下完美运行。希望你们中的任何人都能指出我正确的方向来解决这个问题？！

当尝试将 webpack-dev-server 中的主机从0.0.0.0更改为localhost.

我查看了代码（bin/web-pack-dev-server为 Rails 5.1.3 生成），试图理解它，并注意到我认为是一个--host参数

该--host=localhost标志将不起作用。

来自bin/web-pack-dev-server：