问题标签 [webpacker]

我正在使用webpacker gem 将应用程序从 rails 3.2 升级到 rails 4.2 在本地主机中一切正常我已经编译了我的资产并运行

RAILS_ENV=生产轨道 s

但是当我推送到heroku时出现错误它编译所有资产甚至包但在js中产生错误，我在应用程序的许多部分使用角度并且错误与依赖注入有关

检查链接

我试图让我的 webpack 过滤 svg 导入并使用文件生成反应组件。

这是我的 webpacker 配置：

我在我的组件中导入 svg 文件，如下所示：

我在浏览器控制台中遇到的错误是：

我有两台服务器......部署到它们时，它们各自调用bundle exec rake assets:precompile. 结果是相同文件的两个完全不同的 md5 指纹：

从服务器 1：

从服务器 2：

如您所见，它们具有相同的文件大小，并且区分这两个文件没有输出（因为它们是相同的）。关于如何或为什么会发生这种情况的任何想法？这是有问题的，因为负载平衡器会重定向到可能没有具有该指纹的文件的服务器。

更新：这是使用 rails 4.2.8 和 sprockets 3.7.1

我正在尝试安装 Webpacker 以便能够启动 Yarn 服务器。我在 Rails 5 上并安装了 gem。

当我跑

我得到：

该命令似乎不存在。

在 Ruby on Rails 应用程序中，我们如何才能require或不是通过or而是通过import安装的包？npmyarnbundle

我试过了：

但这似乎不适用于webpacker.

require("package-name")也不起作用（因为在 中找不到它node_modules）。

My app works in dev and in prod fine, but when I run a simple rails 5 system test I get:

I updated to the latest rails version and the latest webpacker. I've reinstalled webpacker with:

But I still get the error.

My webpacker.yml is out of the box so nothing special. I do see the application.js in the public/packs-test folder.

I'm using minitest for testing and really just visiting the sign in page causes the error.

我正在尝试按照这些说明使用 Webpack 将 cesium 添加到我的 Rails 项目中，但我不知道如何翻译这些说明以使用 Webpack 的 rails 实现。

例如：

在 webpack.config.js 中，我们在配置对象上方添加以下内容：

// Cesium 源代码的路径

const cesiumSource = 'node_modules/cesium/Source';

const cesiumWorkers = '../Build/Cesium/Workers';

我假设在 Rails 项目中，我们会app/javascript/packs/application.js像这样进行文件导入：

但这给出了错误：

我已经仔细检查过，路径是正确的。

Cesium 指令还表明我需要添加一些配置选项，但我不知道我应该把它们放在哪里，因为 rails webpacker gem 没有webpack.config.js文件。我只是将配置添加到与导入相同的文件中吗？

我正在使用这种方法使用 Webpacker （要求我导入 vue.esm.js）。我想按照测试 vuex 文档中的描述测试我的 vuex 突变。它在我使用import Vue from 'vue' 时有效，但在我使用import Vue from 'vue/dist/vue.esm'. 但是，如果我不在商店中使用 vue.esm，我的 Webpacker Vue 应用程序就会中断。

这是我的商店：

这是我的测试：

上述测试输出：

我究竟做错了什么？

我意识到在 Rails 引擎中使用 webpacker 存在一些争论，但我有一个简单的用例，目前有一个解决方法。想知道更好的（最好的？）解决方案。

在这个 Rails 引擎中，我在“spec/dummy”目录中设置了 webpacker，并且在 dev 中一切正常： https ://github.com/RealEstateWebTools/property_web_scraper/tree/master/spec/dummy/config/webpack

当 Rails 应用程序使用该引擎时，它不会找到已编译的 webpack 文件，因此每次我准备好发布时，我都会编译 webpack 文件并手动将它们复制到供应商目录： https ://github.com/RealEstateWebTools/ property_web_scraper/tree/master/vendor/assets/javascripts

然后我在这里需要该文件： https ://github.com/RealEstateWebTools/property_web_scraper/blob/master/app/assets/javascripts/property_web_scraper/spp_vuetify.js

在我的布局中，我使用上面的文件，使用好的旧链轮“javascript_include_tag”：https ://github.com/RealEstateWebTools/property_web_scraper/blob/master/app/views/layouts/property_web_scraper/spp_vuetify.html.erb

在布局中检查我是否正在运行“spec/dummy”应用程序，在这种情况下，我将使用 webpacker，因为它通常在 dev 中使用。

一定有比这更好的方法。

我有一个我继承的 Rails 5.1.4 应用程序部署到 Heroku。它正在使用带有 vuejs 的 webpacker，现在在部署到 Heroku 时遇到问题。Heroku 运行时收到以下消息rake assets:precompile:

该代码在本地运行良好，Module parse failed对我来说甚至没有意义。什么是调试的好地方？