问题标签 [webpacker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1278 浏览

ruby-on-rails - 如何在js erb模板中使用rails webpack加载js

我在 rails 5.0 应用程序中使用 webpacker gem,但我无法让 javascript 在我遇到验证错误的 js.erb 中执行/可用。我确定我在这里违反了一些简单的前提,但找不到答案,并且不存在编译或控制台错误。我的<%= javascript_pack_tag 'application' %>application.html.erb 中有

这是设置:

应用程序/javascript/packs/application.js:

应用程序/javascript/customer_sessions/index.js:

应用程序/javascript/customer_sessions/univgwTabs:

js erb 模板调用表单验证错误:

0 投票
2 回答
1474 浏览

angular - Rails 项目中使用 Angular 的 Webpacker 无法从外部模板导入 .html.erb 和 .css

我在我的项目中使用 angular 4。我想将我的html.erb.css文件与 js 文件分开。我在我的component.ts文件中尝试了以下内容。我做了一些配置来使用 webpacker 文档加载外部 html。但它不允许我导入.html.erb文件。以及无法加载css文件。我也尝试加载 sass 文件但不工作。

在我的组件类中:

这是给出错误并且不起作用。

请告诉我如何解决这个问题,我不想使用内联模板和样式表。

0 投票
2 回答
803 浏览

ruby-on-rails - Rails 5.1 + Webpacker + React-router

我正在尝试在一个新项目中使用所有这三个。我想使用react-router.

使用“开箱即用”设置,当我从例如开始localhost:3000/然后单击例如Link路由到signup页面时,它可以正常工作。但是当我尝试输入时localhost:3000/signup,它说没有路线(因为没有使用 Rails 创建的路线)。

我怎样才能整合这个?

0 投票
3 回答
1458 浏览

javascript - webpacker:包括来自 gem 的 javascript (js-routes)

我正在尝试将JS 路由 gem与Rails 5.1 中的webpacker一起使用,但不知道如何js-routes.js.erb在 webpack 的app/javascript/packs/application.js.

import 'js-routes'

导致

Uncaught Error: Cannot find module "js-routes"

这可能意味着 webpack 无法在包含的 gem 中找到 javascript。这可能与这个webpacker 的 github 问题有关

目前解决此问题的最佳解决方法是什么?

谢谢!

0 投票
1 回答
645 浏览

ruby-on-rails - 带有 Rails 的 Webpacker 编译 scss 部分

我已经在https://github.com/joostvanrijn/webpacker创建了一个示例应用程序来完成,但这是我的问题:

现在,当我跑步时,/bin/webpack-dev-server我得到

更重要的是

似乎 Rails/webpacker 编译所有文件,而不仅仅是stylesheets.scss

0 投票
0 回答
765 浏览

ruby-on-rails - Rails Webpacker 似乎需要永恒的时间来编译

使用 Capistrano,我注意到当使用 . 创建符号链接时current -> /var/www/myapp,编译需要很长时间。事实上,我等了大约 5 到 10 分钟并取消了这个过程。

它挂在这部分:

如果我删除current符号链接,它仍然需要一段时间,但它完成了。

花了大约 134 秒。

第一次使用Capistrano和webpacker进行部署,正常还是有减少编译时间的办法?

0 投票
0 回答
1913 浏览

javascript - 无法使用 webpacker [Rails5] 预编译资产

我正在尝试部署使用 rails/webpacker 编译反应组件的 Rails5 应用程序。部署失败并出现以下错误。我正在使用 Capistrano3。

这里是相关文件。

头文件

包.json

配置/部署.rb

开发中的预编译资产

当我rake assets:precompile RAILS_ENV=production在本地机器上运行时,它可以工作。

请给我建议来解决这个问题。谢谢你。

0 投票
9 回答
180951 浏览

vue.js - 如何在 Vue 单文件组件中导入和使用图片?

我认为这应该很简单,但是我在如何在 Vue 单文件组件中导入和使用图像时遇到了一些麻烦。有人可以帮我怎么做吗?这是我的代码片段:

我曾尝试使用:src,src="{{ zapierLogo }}"等。但似乎没有任何效果。我也找不到任何例子。有什么帮助吗?

0 投票
1 回答
1018 浏览

ruby-on-rails - 在本地运行测试时使用 webpack 开发服务器

当我在本地运行我的黄瓜时,webpacker 正在编译我的包:

安装 Webpacker 使用 /path/to/config/webpacker.yml 文件设置 webpack 路径 [Webpacker] 编译资产

有时我想打开调试控制台并在浏览器中查看测试页面。我键入current_url并将输出粘贴到浏览器地址栏。当我在 JS 或 CSS 中进行更改时,当我重新加载测试页面时它们是不可见的。但是开发服务器会立即获取更改

在本地运行测试时,如何使用 webpack 开发服务器而不是编译?在 CI 上编译资产会很好。我们使用 Solano 并且有 TDDIUM 环境变量

我试图设置

config.assets.compile = false在 config/environments/test.rb

但是当我开始测试时,我看到了错误:

URL 为“/stylesheets/email.css”的文件

我们将 sprockets 与 webpacker 一起使用。

0 投票
0 回答
443 浏览

ruby-on-rails - 无法使用 webpacker-react 安装 npm 模块

我想在我的项目中安装 react-dropzone。我使用 react-rails 项目。我已经安装了 webpacker-react 来使用 gem。我通过 安装了 react-dropzone npm install,但我无法将它加载到我的反应组件中。(我想这是由于 webpacker-react)。那么,如何将通过 npm 安装的模块加载到我的 react 组件中呢?

组件.jsx

package.json(安装良好)

Firefox 控制台中的错误消息:

webpacker.yml

配置.js