webpacker相关内容

Rails 5/6:如何在 webpacker 中包含 JS 函数?

我正在尝试将 Rails 3 应用程序更新到 Rails 6，但由于无法访问我的 Javascript 函数，我在使用现在默认的 webpacker 时遇到了问题. 我得到:ReferenceError: Can't find variable: functionName for all js function triggers. 我所做的是: 在/app/javascript ..

发布时间：2021-12-18 17:56:02 javascript ruby-on-rails webpack webpacker ruby-on-rails-6 前端开发

Rails:Webpacker 4.2 在/app/public/packs/manifest.json heroku 中找不到应用程序

我有点不知所措.我的本地 Rails 应用程序与 webpacker 4.2 配合得很好并做出了反应，但是在部署到生产环境时给了我美妙的 can't find application in/app/public/packs/manifest.json 错误. 这是我尝试过的: 尝试添加/删除 javascript 包标签的 turbo 链接详细信息. 删除了 javascript 包 ..

发布时间：2021-12-18 17:50:59 javascript ruby-on-rails webpack webpacker 前端开发

将数据从 Rails 视图传递到 webpacker 中的 VueJS 组件

我正在尝试使用 Rails 5.1 的新 webpacker gem 和 VueJS，但无法让我的 erb 视图将数据传递给 VueJS 组件... 假设我有一个用户显示视图 # view/users/show.html.erb ..

发布时间：2021-12-08 22:05:18 javascript ruby-on-rails vue.js ruby-on-rails-5.1 webpacker 前端开发

如何使用 Webpacker 导入 node_modules

我是整个 JS/webpacker 游戏的新手，无法理解如何使用 webpacker 导入和使用 javascript 包. 我正在尝试包含和使用 Animate On Scroll 库. 我已经安装并运行了 Webpacker(我知道它正在运行，因为我能够愉快地使用 StimulusJs). 这是我的/javascript/packs/application.js 文件的样子: ..

发布时间：2021-10-04 19:11:41 ruby-on-rails yarnpkg webpacker 其他开发

启动 webpack-dev-server 时配置对象无效

我刚刚在 Rails 5.2 应用程序上安装了 webpacker，当我尝试运行 bin/webpack-dev-server 时出现以下错误: ✖ 「wds」:无效的配置对象.Webpack 已使用与 API 架构不匹配的配置对象进行初始化.- configuration.entry 应该是以下之一:功能 |object { : 非空字符串 |[非空字符串] } |非空字符串 |[非空字符串 ..

发布时间：2021-09-23 19:18:18 ruby-on-rails webpack-dev-server ruby-on-rails-5.2 webpacker 其他开发

Webpacker/Typescript 无法解析 rails 资产管道文件

我正在尝试导入 rails 资产管道中的文件，但由于某种原因 webpack 找不到它. 这是我的 tsconfig.json: {“编译器选项":{“声明":假，“emitDecoratorMetadata":真，"experimentalDecorators": 真,"lib": ["es6", "dom"],“模块":“es6"，"moduleResolution": "节点","s ..

发布时间：2021-09-23 19:12:01 ruby-on-rails typescript webpack webpack-dev-server webpacker 其他开发

rails 6 中的 asset_pack_path 和 image_pack_tag 有什么区别?

根据我的观点，image_pack_tag 是我们在视图中用来将图像放置在 HTML 表单中的助手.但是在 webpack 的文档中，我也看到了 asset_pack_path.现在我对此感到困惑.这里有人知道确切的区别吗? 解决方案 asset_pack_path 只返回路径.image_pack_tag返回一个包含 html 元素的字符串. module Webpacker::Hel ..

发布时间：2021-09-23 19:09:04 ruby-on-rails webpack webpacker 其他开发

Rails:从 webpacker 提供的文件访问 JS 模块方法

上下文 我尝试使用 Webpacker gem 将我们应用程序中的资产移动到 webpack.应用程序很大，所以我需要做一部分. 到目前为止做了什么... 我成功地使用 javascript_pack_tag 调用了脚本 我导出了一个超级简单的模块: # javascript/src/javascript/test.js'常量方向 = {log_to_console:函数( ..

发布时间：2021-09-23 19:06:51 ruby-on-rails webpack webpacker 其他开发

Rails 中的 window.autoInit 使用 material-components-web 和 webpacker

我使用 Rails 5.1.4 和下面的代码.我已经确认正在处理 material.js 文件，并且下载并发现了 material-components-web 模块. 为什么调用window.mdc.autoInit()时mdc未定义? //app/javascript/packs/material.js导入“材料组件网络"//app/views/layouts/application. ..

发布时间：2021-09-23 19:02:22 ruby-on-rails webpack webpacker material-components material-components-web 其他开发

如何在 Rails/Webpacker/React 应用程序中处理图像?

我正在使用带有 rails 5.1.4 的 Webpacker 来使用 React、Redux 和 react-router-dom. 我在 app/javascript/src/components/ 中有一个 Navbar.jsx 组件需要显示图像，但我无法访问我存储的图像在 app/assets/images/. 这是我尝试过的: ..

发布时间：2021-09-23 18:55:48 ruby-on-rails reactjs webpack webpacker 其他开发

如何在Vue单文件组件中导入和使用图像?

我认为这应该很简单，但是我在如何在 Vue 单文件组件中导入和使用图像时遇到了一些麻烦.有人可以帮助我如何做到这一点吗?这是我的代码片段: 从“images/zapier_logo.svg"导入 zapierLogo导出默认{} 我尝试过使用 :src、src="{{ zapierL ..

发布时间：2021-09-20 18:48:42 vue.js vuejs2 webpacker 前端开发

在 Rails 6 alpha 上安装 https://github.com/twbs/bootstrap-rubygem

如何安装 bootstrap gem (https://github.com/twbs/bootstrap-rubygem) 在导轨 6 上? 引导自述文件要求我们向 application.js 添加内容但 Rails 6 似乎在通常的地方没有 application.js. [ Rails 6.0.0.alpha ]bundle exec rails new noname --ed ..

发布时间：2021-09-11 19:13:04 ruby-on-rails twitter-bootstrap webpacker 其他开发

将 Webpacker 添加到 Rails 应用程序后的疯狂加载时间

我运行了 Ruby on Rail 的应用程序，一切正常，直到我安装了 Webpacker. 现在，当我尝试渲染任何页面时，加载时间介于 180 000 毫秒和 400 000 毫秒之间.删除产量会导致完全相同的问题.由于我使用 Turbolinks，因此在我的应用中导航时加载速度很快. 我使用 Ruby 2.6.3，Rails 6.0.0.rc1. 我通过 webpacker ..

发布时间：2021-09-07 20:00:08 ruby-on-rails ruby webpack time webpacker 其他开发

如何在没有“~"的情况下从 sass 加载器中的 node_modules 导入样式表

我正在设置我的 Storybook 实例以从我的 Rails 应用程序加载样式，但它未能加载我的 main.scss 文件中的导入，两者都是来自 node_modules: @import 'react-table/react-table.css';@import 'animate.css'; 当我尝试运行我的故事书实例时收到错误: ./app/javascript/stylesheets ..

发布时间：2021-08-30 20:13:38 webpack webpacker storybook sass-loader 其他开发

语义 ui 下拉菜单功能在 Rails 6 中不起作用

我在 gemfile 中添加了 semantic-ui gem 一切正常，但下拉菜单不起作用.我在任何地方都没有找到任何解决方案， 这是在 rails6 中使用的 gem 中的问题吗? 这是 application.js 文件中的 javascript 代码. require("jquery")require("@rails/ujs").start()需要(“涡轮链接").开始()requi ..

发布时间：2021-07-13 19:55:46 jquery ruby-on-rails semantic-ui ruby-on-rails-6 webpacker 其他开发

如何使用 Webpack 在 Rails 6 中全局使用 JavaScript 函数?

作为 Rails 6 的初学者.每当我单击 Roar Link 时，它都会给我以下错误.下面附上以下文件.我只想将自定义文件(demo.js)添加到我的代码中，以便我可以在下面的代码中测试 JavaScript 的行为.Rails 5 上的 Java Script 行为与 Rails 6 不同. 请给我更好的解决方案，以便我解决我的问题.我尝试了有关堆栈溢出的所有答案. Applica ..

发布时间：2021-07-13 19:55:35 javascript ruby-on-rails webpack ruby-on-rails-6 webpacker 前端开发

Bootstrap JS 函数未在 Rails 6/Webpacker 中加载

通过 Webpacker 和 Rails 6 攀登学习曲线. 我已经使用 Yarn 和 Webpacker 安装了 Boostrap 4.当我尝试在浏览器的 JS 控制台中使用 Bootstrap 组件时，我得到:TypeError: $.fn.button is undefined. 如果我删除 Yarn 安装，在 HTML 的 head 中添加一个 Bootstrap CDN 链接 ..

发布时间：2021-07-13 19:55:09 webpacker ruby-on-rails-6 其他开发

Rails 6 Webpacker 从 Rails 视图调用 javascript 函数

我在使用 Webpacker 的 Rails 6 应用程序中有以下 Javascript 结构. app/javascript+ 包- 应用程序.js+ 定制- 你好.js 下面是上面提到的JS文件中的内容 app/javascript/custom/hello.js 导出函数 greet(name) {console.log("你好，" + 姓名);} app/javascrip ..

发布时间：2021-07-13 19:55:00 javascript ruby-on-rails-6 webpacker 前端开发

在 React State 中存储嵌套对象

我从如下所示的端点获取 json: {"section":{"name":"name","subsections":[{"name":"one","snippets":[{"title":"title","body":"body"}]},{"name":"two","snippets":[{"title":"title","body":"body"}]}]}} 这是我获取数据的方式: fet ..

发布时间：2021-07-13 19:53:40 reactjs ruby-on-rails-5 webpacker 其他开发

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

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

发布时间：2021-07-13 19:51:37 angular webpack ruby-on-rails-5 webpacker 其他开发