问题标签 [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.
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 模板调用表单验证错误:
angular - Rails 项目中使用 Angular 的 Webpacker 无法从外部模板导入 .html.erb 和 .css
我在我的项目中使用 angular 4。我想将我的html.erb
和.css
文件与 js 文件分开。我在我的component.ts
文件中尝试了以下内容。我做了一些配置来使用 webpacker 文档加载外部 html。但它不允许我导入.html.erb
文件。以及无法加载css文件。我也尝试加载 sass 文件但不工作。
在我的组件类中:
这是给出错误并且不起作用。
请告诉我如何解决这个问题,我不想使用内联模板和样式表。
ruby-on-rails - Rails 5.1 + Webpacker + React-router
我正在尝试在一个新项目中使用所有这三个。我想使用react-router
.
使用“开箱即用”设置,当我从例如开始localhost:3000/
然后单击例如Link
路由到signup
页面时,它可以正常工作。但是当我尝试输入时localhost:3000/signup
,它说没有路线(因为没有使用 Rails 创建的路线)。
我怎样才能整合这个?
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 问题有关。
目前解决此问题的最佳解决方法是什么?
谢谢!
ruby-on-rails - 带有 Rails 的 Webpacker 编译 scss 部分
我已经在https://github.com/joostvanrijn/webpacker创建了一个示例应用程序来完成,但这是我的问题:
现在,当我跑步时,/bin/webpack-dev-server
我得到
更重要的是
似乎 Rails/webpacker 编译所有文件,而不仅仅是stylesheets.scss
ruby-on-rails - Rails Webpacker 似乎需要永恒的时间来编译
使用 Capistrano,我注意到当使用 . 创建符号链接时current -> /var/www/myapp
,编译需要很长时间。事实上,我等了大约 5 到 10 分钟并取消了这个过程。
它挂在这部分:
如果我删除current
符号链接,它仍然需要一段时间,但它完成了。
花了大约 134 秒。
第一次使用Capistrano和webpacker进行部署,正常还是有减少编译时间的办法?
javascript - 无法使用 webpacker [Rails5] 预编译资产
我正在尝试部署使用 rails/webpacker 编译反应组件的 Rails5 应用程序。部署失败并出现以下错误。我正在使用 Capistrano3。
这里是相关文件。
头文件
包.json
配置/部署.rb
开发中的预编译资产
当我rake assets:precompile RAILS_ENV=production
在本地机器上运行时,它可以工作。
请给我建议来解决这个问题。谢谢你。
vue.js - 如何在 Vue 单文件组件中导入和使用图片?
我认为这应该很简单,但是我在如何在 Vue 单文件组件中导入和使用图像时遇到了一些麻烦。有人可以帮我怎么做吗?这是我的代码片段:
我曾尝试使用:src
,src="{{ zapierLogo }}"
等。但似乎没有任何效果。我也找不到任何例子。有什么帮助吗?
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 一起使用。
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