问题标签 [webpacker]

有没有人成功配置webpacker来转换stylus css？如果是这样，您能否分享您的配置或如何转换手写笔 css？

我很难在 rails / Webpacker 项目上设置 Wercker。

我首先必须添加安装节点的步骤，然后是预编译反应包的步骤，然后是安装纱线。首先它很好，但后来我向项目添加了依赖项，并且知道我被困在 3 个依赖项上，并出现相同的错误消息：

这只发生在redux-thunk,react-redux-i18n和react-spinkit

我试图添加一个yarn install通过该过程但没有解决问题的步骤。

这是我的wercker.yml：

我从一个看起来像这样的端点获取一个 json：

这就是我获取数据的方式：

但是当我打电话时，this.state.section.subsections[0]我收到以下错误：

我知道这subsections是一个数组，但是要从中获取元素。我得到一个错误。有谁知道我可能做错了什么？

编辑：

我想访问渲染方法中的状态。我可以访问this.state.section.name，我也可以this.state.section.subsections在控制台上打印。但是，每当我尝试使用访问元素时，this.state.section.subsections[0]都会出现错误。

我正在尝试将 Rails 5 应用程序部署到 Heroku。然而，这是我第一次将 webpack 添加到等式中。

我在需要时使用 webpack 添加了一些 Vue 组件。在我的本地环境中，一切运行良好，但是，在部署到 Heroku 时，事情并没有真正按计划进行。

预编译资产（来自管道和 webpack）完成。但是，当我启动应该运行 Vue 的页面时，在控制台中，当浏览器尝试检索预编译的包/主 javascript 文件时，我看到 404 错误。

这是 Heroku 日志显示的内容：

日志中没有显示其他重大错误。您对如何解决或在哪里寻找更多细节有任何想法吗？

如果这是一个“愚蠢”的问题，我深表歉意。这是我第一次真正使用 webpack 进行部署。

I am using Webpacker with rails 5.1.4 to play with React, Redux, and react-router-dom.

I have a Navbar.jsx component in app/javascript/src/components/ that needs to display an image, but I am not able to access my images stored in app/assets/images/.

Here is what I've tried :

From root path the last attempt works because /assets/images/logo.png does exist, but when I navigate to /posts/:id, it gives me the following error:

Can you help me? And more over what's your way to handle images in that kind or hybrid React/Rails app?

Thanks

我正在尝试使用 Rails 5.1 和 Wepacker-react 设置我的新项目，但我很快就遇到了第一个错误。我已经在javascript/packs中创建了新组件 代码是基本的：

javascript/packs/home.jsx

我在索引视图中渲染这个组件：

index.html.erb

但我收到了这个错误： MissingEntryError

我要补充一点，我已经在 app....js 中导入了这个组件，缺少什么？

我正在尝试在我的应用程序上运行工头启动。

但它给了我一个错误说

我该如何解决这个问题...？谢谢你的时间。

所以我尝试在 gemfile 和捆绑中添加乘客......仍然无法正常工作。我注意到一件事，当我将 ruby​​ 版本更改为 2.2.0 时，sinc 乘客位于 ruby​​/2.2.0/ 目录下。然后返回错误，说工头只能在 2.2.3 上运行。也许我安装的乘客 gem 与 ruby​​ 2.2.3 不兼容？？

我的 procfile 和 gemfile 是

目前使用带有 webpacker 的默认 Rails 应用程序安装并做出反应，我遇到以下错误SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode

我想我可能可以轻松地扩展它，只是不知道如何去做。我尝试使用我在其他工作 nodejs 环境中拥有的一些 webpack 配置，但没有成功。

非常感谢任何帮助

当我像这样将 CSS 导入 Angular 组件时：

导轨返回错误

GET http://localhost:3000/app.component.css 406（不可接受）

但是当我像这样向组件添加样式时：

一切都很好。

是否可以使用 rails webpacker 导入外部组件 CSS？

背景

• 导轨：5.1.4
• 宝石：
  • 网络打包程序：3.0.1
• 套餐：
  • @rails/webpacker：3.0.2
  • Vue：2.5.2
  • Vue加载器：13.3.0
  • vue 模板编译器：2.5.2
• “对 JS 开发相当陌生；即 webpack”

问题

一切都已经工作了，但只是现在我尝试导入驻留在app/assets/stylesheets/imports/_variables.scss而不是当前文件的相对路径中的 scss 文件；在 Chrome 控制台中给我一个错误：

这是我尝试导入它的行：

应用程序/javascript/games/cards/Card.vue

我阅读了webpacker doc，因此我更新了我的config/webpacker.yml resolved_paths，重新启动了我的rails server但仍然失败。

配置/webpacker.yml

PS我在没有运行的rails server情况下运行bin/webpack-dev-server，但运行时错误仍然存​​在bin/webpack-dev-server

我将不胜感激任何帮助或任何可能的调试过程。