Rails + React + Webpack加载图像
Rails + React + Webpack加载图像是指在使用Rails框架搭建的Web应用中，结合React和Webpack来加载和处理图像资源。
Rails是一个基于Ruby语言的Web应用框架，它提供了一套完整的开发工具和约定，可以快速构建高效的Web应用程序。React是一个由Facebook开发的JavaScript库，用于构建用户界面。Webpack是一个模块打包工具，可以将各种资源（包括图像）打包成静态文件。
在Rails + React + Webpack的开发环境中，加载图像资源可以通过以下步骤进行：
- 在Rails项目中，创建一个用于存放图像资源的目录，例如
app/assets/images。 - 将需要加载的图像文件放入该目录中。
- 在React组件中，使用合适的方式引入图像资源。可以使用相对路径或模块导入的方式。
- 在Webpack配置文件中，配置合适的加载器（loader）来处理图像资源。常用的加载器有
file-loader和url-loader，它们可以将图像文件转换为URL或Base64编码，以便在应用中使用。 - 在Webpack打包过程中，加载器会根据配置将图像资源转换并输出到指定的目录中。
- 在应用中使用转换后的图像资源。可以通过URL或相对路径来引用图像。
优势：
- Rails提供了一套完整的开发工具和约定，使得开发者可以快速构建Web应用程序。
- React提供了高效的组件化开发模式，使得界面开发更加灵活和可维护。
- Webpack可以将各种资源打包成静态文件，提高应用的加载速度和性能。
应用场景：
- 在电子商务网站中，加载商品图片和广告图片。
- 在社交媒体应用中，加载用户头像和动态图片。
- 在新闻网站中，加载新闻配图和多媒体内容。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的对象存储服务，适用于存储和管理大量的图像资源。详细介绍请参考：https://cloud.tencent.com/product/cos
请注意，以上答案仅供参考，具体的实现方式和产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我使用rails + webpack将一个bundle.js文件编译到rails资产管道中。我在/app/assets/images中放置了一个名为"main.png“的图像。如何在捆绑的React组件中访问此图像？
我正在使用shakacode的react on rails gem。
然后，我尝试使用webpack处理图像，它成功地处理了图像，并将图像放在bundle.js文件旁边。我在图像上还是得到了404。
我知道我已经很接近了，只是publicPath对于rails资产来说是错误的。这个当前的设置提供了一个本地主机:3000/webpack/main.png，它不能与rails
浏览 5提问于2016-09-10得票数 1
回答已采纳
我在我的React/Rails应用程序中使用Webpack。我的团队在应用程序的一部分中使用.svg图像。
我们有两个主要的用例。
在样式表中使用SVGs作为背景图像(我们使用.scss)。
在React组件中使用SVGs，并使用名为的工具将SVGs转换为React组件。
因此，我们在config/webpack/environment.js文件中设置了以下配置(使用这种不同寻常的Webpack配置方案)：
const { environment } = require("@rails/webpacker")
const fileLoader = environ
浏览 1提问于2020-08-19得票数 1
我有一个应用程序，它使用React作为ruby上rails的前端。React组件使用现在随rails提供的webpack集成到rails中。
版本: React版本16.8 ruby-2.6.3 rails - 5.2.3纱线v1.17.3
未使用React css。这既适用于default.css，也适用于PrimeReact包。
路径位置是app javascript css -对于默认css img -对于从css引用的背景图像
通过package.json加载PrimeReact
我已经检查了依赖项中的cssLoader，而不是devDependencies。
请让我知道如何在Hero
浏览 6提问于2019-07-31得票数 3
我使用rails new exampleapp --webpack=react创建了一个新的Rails + React应用程序。在我的主页上，我有一个html.erb标题，还有一些使用<%= javascript_pack_tag 'reactfilename' %>呈现的react jsx。
当我单击指向我的主页的链接时，例如<li><%= link_to "Home", root_path %></li>，只呈现标题。直到我重新加载页面，我的react组件才会显示出来。
我同时运行rails s和./bin/w
浏览 19提问于2020-02-27得票数 3
回答已采纳
我正试图在我的应用程序上使用。为了使日期时间显示出来，我需要导入GH页面中提到的。
在我的应用程序中，我将CSS复制/粘贴到一个名为DateTime.css的文件中。
...
import DateTime from 'react-datetime';
import '../../schedules/stylesheets/DateTime.css';
...
export default class AddDate extends React.Component {
但它给了我一个错误：
VM45976:1 Uncaught Error: Module pa
浏览 2提问于2017-06-09得票数 0
回答已采纳
1回答
我得到了这个错误。据我所能谷歌，它需要配置webpack文件，但在这个rails应用程序，它是一个webpacker.yml文件。当使用通常的标签时，CRA看起来工作得很好。任何帮助都将不胜感激。
./app/javascript/components/User/over.mp4 1:0模块解析失败:意外字符“(1:0)您可能需要一个适当的加载程序来处理该文件类型，目前还没有配置加载程序来处理该文件。参见 (此二进制文件省略的源代码)
"dependencies": {
"@babel/preset-react": "^7.10.4",
浏览 3提问于2020-10-29得票数 0
1回答
我正在尝试预加载/预取一个图像，这样我就不必在准确的时刻连接到互联网上来显示图像。这是我的应用程序中的一个“你离线”页面。
我的应用程序是用React写的，我用webpack做我的包。
我在网上读到webpack的神奇评论功能也许能做到这一点。
这对我没用。
我试图预加载/预取的图像没有显示，也没有添加到DOM中的<link rel标记。
在这里签出演示存储库：
package.json：
"devDependencies": {
"@babel/core": "^7.19.6",
"@babel/preset-
浏览 2提问于2022-10-21得票数 0
我使用下面的命令创建了一个新的应用程序(使用react webpack)
我使用的是rails 5.1.4
rails new news --database=postgresql --webpack=react
我有一些放在app/assets/images中的图像，所以在文件夹app/javascript/src/components/test.jsx中，我想显示这个放在assets/images中的images。
import React, { Component } from 'react'
import addBanner from 'images/addba
浏览 10提问于2018-01-31得票数 1
回答已采纳
我当前的应用程序是使用Rails和React/Typescript设置的。我在试着设置热重装。
以下是当前文件夹结构
Project Root
- app => all the rails code
- frontend => all the react code
- webpack => list of configuration files, like development.js and production.js
这个项目没有使用react_on_rails或webpacker。前端代码与后端代码保持分离。Rails后端提供一个html。
<div
浏览 0提问于2019-06-15得票数 3
回答已采纳
我有两个级别的package.json文件。
示例如下：
原因是顶层是Rails App，我将所有节点工具放在一个名为client的目录下，以及它自己的package.json文件。顶级package.json文件非常方便，也是节点构建包运行npm install脚本的一个钩子。
我有一个转发gulp命令的示例。有没有办法将任何没有从顶层package.json找到的东西转发到子层？
顶级package.json。
{
"name": "react-webpack-rails-tutorial",
"version": "1.1
浏览 0提问于2015-04-05得票数 14
我有一个rails应用程序，目前正在使用webpack创建一个bundle.js文件，该文件由资产管道拾取。
如果我有一个需要嵌入react组件的页面，那么实际调用React.render的最佳位置是哪里？react-rails gem在这方面做得很好，但是对于webpack，我只有一个entry.js文件。在页面中嵌入<script>标记似乎是错误的(而且也不起作用，因为JSX没有被转换)。让脚本(可能是entry.js)在页面上查找某些占位符，并在页面加载时用react组件替换它们，这是正确的方法吗？
谢谢!
浏览 0提问于2015-08-23得票数 1
我试图设置webpack热重装反应热装载机.它似乎大部分都起作用了。我在现有的rails应用程序中使用webpack。
但这不是热装。它只是在每次更改我的反应代码时触发一个重新加载。我得到的错误消息是：
[HMR] Cannot apply update. Need to do a full reload! - dev-server.js:18
[HMR] Error: Aborted because 0 is not accepted - dev-server.js:19
at hotApply (http://localhost:8080/assets/webpack/bundle.j
浏览 9提问于2016-03-05得票数 11
我有一个Rails/React项目。它使用Rails/webpack 3.3.0。为了预编译react代码，我执行了：
rails assets:precompile RAILS_ENV=development
但是我发现了一个错误：
Webpacker编译失败：
(节点:47256)不推荐DeprecationWarning: Tapable.apply。
直接调用插件(节点:47256) DeprecationWarning：
Tapable.plugin被否决了。在.hooks上使用新API代替
TypeError: dep.getResourceIdentifier不是一个函数
浏览 1提问于2018-04-27得票数 2
回答已采纳
我使用capistrano部署我的rails项目( Rails 6.0.0，Ruby2.6.0)
当启动“`bundle exec帽生产部署”时，我会收到下面的日志
./app/javascript/packs/application.js中的错误
模块构建失败(来自./node_node/babel-加载程序/lib/index.js)：
错误:找不到模块“@babel/预设-env”
和
./app/javascript/packs/server_rendering.js中的错误
模块构建失败(来自./node_node/babel-加载程序/lib/index.js)：
错误:找不到模
浏览 2提问于2019-12-16得票数 1
我目前正在使用Rails5进行开发并作出反应。
为了使用React，我们使用了一个名为react的创业板，这个创业板使用了webpacker。
当时，在React中，创建了js.erb文件以引用用资产预编译的映像。
我在网上查到的信息有rails-erb-加载程序，所以它应该是可读的。
然而，发生了SyntaxError。
我会写下面的细节。
ErrorLog
# ./bin/webpack-dev-server
~~~
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /home
浏览 2提问于2019-10-07得票数 0
回答已采纳
1回答
我知道这个标题没什么意义。但请容忍我。
我正在为一个遗留的Rails应用程序设置React，它使用的是好的、旧的静态ERB。由于规模的原因，我不得不慢慢地转向SPA，这意味着在页面上交换组件。
我目前的设置是使用webpack编译一个包文件，输出到资产目录。然后，只需在页面上加载该包文件，依赖于资产管道进行缓存(这不是概念，而是足够开始)。在有响应组件的页面上，我将有一个<div>来附加某个组件。例如：
<body>
<div>some other erb, html stuffs</div>
<div>more other
浏览 1提问于2017-06-02得票数 2
1回答
如何配置业力以在测试时停止加载图像？我试图在我的karma.config.js中使用来自karma.config.js的解决方案：
var webpack = require('webpack');
module.exports = function (config) {
config.set({
browsers: [ 'Chrome' ],
singleRun: true,
frameworks: [ 'mocha' ],
files: [
'tests.web
浏览 4提问于2016-09-03得票数 1
回答已采纳
我在docker中有一个容器，里面有Ruby on Rails 6，Webpacker和react-rails，当我重新加载页面时，它的编译时间超过了20秒，所以我想在我的项目中添加热重新加载，但它就是不起作用。webpack-dev-server es运行良好，但页面没有更新更改。 我使用foreman来运行bin/webpack-dev-server和rails服务器，我使用react - refresh - using plugin来刷新react。当我更改代码时，即使我重新加载页面，该页面也不会接收到更改。 docker-compose.yml version: '3.3&#
浏览 18提问于2021-07-23得票数 0
回答已采纳
当我运行webpack的时候，我有这个错误：
Webpack dev build for Rails
Hash: 33fd651f6a6e87a4ef46
Version: webpack 1.15.0
Time: 5619ms
Asset Size Chunks Chunk Names
app-bundle.js 4.09 MB 0 [emitted] app
vendor-bundle.js 1.89 MB 1 [emitted] vendor
[0] multi app 28 byte
浏览 1提问于2018-02-15得票数 0
1回答
Router 4运行在Rails之上，但是遵循<Link />元素会在我的服务器上触发一个GET请求，并在我的开发环境中触发一个完整的页面重新加载。
下面是我正在运行的当前版本：
"@rails/webpacker": "^3.0.2",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-router-dom": "^4.2.2",
"clean-webpack-plugin": "
浏览 1提问于2017-12-23得票数 5
回答已采纳
2回答
我正尝试在React.js应用程序中加载图像，但无法加载它们。我看过一堆SO问题，但没有一个能解决它。在我的webpack.config.js文件中的模块和规则下，我有一个url加载器。 {
test: /\.(jpg|png)$/,
use: {
loader: 'url-loader',
},
} 然后在我的App.js文件中，我有这个。 import React from "react";
import '../css/App.css'
import locationImg from '../p
浏览 24提问于2020-11-16得票数 1
1回答
react中出现缩略图组件问题
、、、、
我已经将缩略图组件添加到我的项目中。在添加项目后，我在项目中看到了以下错误。错误如下图所示。
这是我的webpack.config.js文件代码，它可能会帮助您理解这个问题。那里有一个要指定的加载器。我不知道为这个指定的加载程序是什么。有没有人遇到过同样的问题？
有什么帮助吗？
**/*webpack.config.js*/**
/* eslint comma-dangle: ["error",
{"functions": "never", "arrays": "only-multiline",
浏览 0提问于2018-06-07得票数 0
1回答
react中的缩略图组件错误
、、、、
我已经将缩略图组件添加到我的项目中。在添加项目后，我在项目中看到了以下错误。错误如下图所示。
这是我的webpack.config.js文件代码，它可能会帮助您理解这个问题。那里有一个要指定的加载器。我不知道为这个指定的加载程序是什么。有没有人遇到过同样的问题？
关于这个问题有什么帮助吗？
**/*webpack.config.js*/**
/* eslint comma-dangle: ["error",
{"functions": "never", "arrays": "only-multiline&#
浏览 7提问于2018-06-09得票数 0
1回答
最后，经过许多排除故障的步骤之后，rails将呈现我们的NavBar组件，而不是导入所有内容的基本应用程序组件。想知道如果有一个宝石版本不能像丑陋一样正常工作，我可能需要考虑什么？在我的两个react_components中，它发现NavBar很好。
index.html.erb:
<%= react_component('NavBar', { isUserAuthed: @is_user_authed }) %>
<%= react_component('App') %>
App.jsx:
import Re
浏览 14提问于2022-01-20得票数 0
我已经创建了一个应用程序，它使用Rails和一个React前端(rails new my-app --webpack=react)。
我以前使用过Rails并单独做出反应，但从未以这种方式集成过。
由于应用程序是在rails s上提供的，我的理解是这实际上是一个rails应用程序，它呈现反应组件，所以我相信环境变量将在config/application.yml而不是.env中定义，但我尝试了这两个方法，但无法在React组件中访问它们。
我试过的
.env和application.yml中的变量
用REACT_APP进行前缀
浏览 2提问于2020-06-12得票数 1
回答已采纳
我有一个反应-rails应用程序设置与webpacker。
我试图加载字体-令人敬畏的专业，它的字体从node_modules。
我认为这是一项琐碎的任务，但我似乎找不到任何关于如何做到这一点的好文档。
到目前为止，这就是我所拥有的：
package.json依赖关系：
"dependencies": {
"@rails/webpacker": "3.5",
"babel-preset-react": "^6.24.1",
"bootstrap": "^4.1.3
浏览 0提问于2018-10-09得票数 1
回答已采纳
我真的是刚开始学习webpack。我使用的是rails。我想使用webpack来管理我的javascript库。所以我找到了@justing808的justin808/react-webpack-rails-tutorial。
按照他的指导，安装bootstrap-sass-loader，然后添加entry点并添加loader。
看起来好像加载了bootstrap javascript。但我不知道如何导入scss.in origin rails项目，我将scss文件放在app/assets/stylesheets文件夹中。但webpack会将所有文件打包成app/assets/javascri
浏览 4提问于2015-07-22得票数 3
我使用的是Rails5.1和react_on_rails gem v10.0.2
我想使用css模块和css-loader，我想知道在哪里放置webpack.config.js文件？
在我看来，当前版本的react_on_rails gem不再包含客户机目录(过去存储webpack.config.js文件的目录)。
react组件存储在/app/javascripts中。
浏览 11提问于2018-02-02得票数 2
我正在开发一个react和Webpack 3应用程序。
我有一组SVG图标，并希望将这些图标转换为图像并将其放入图像文件夹中，这样我就可以访问这些图像并在我的react组件中使用它们。<img src='icon.png' />)。
目前，我正在将SVG作为组件导出到js中，并将其导入到JSX中。
我应该使用webpack加载器来做这件事吗？如果是，我应该使用哪个加载器？或任何其他方式？
浏览 0提问于2018-09-28得票数 3
目前，我正在使用下面的Webpack配置来导入和解析我在React组件中生成的SCSS导入。
我问题的关键是配置的CSS部分。目前，我正在使用SCSS文件的绝对文件路径导入SCSS文件，这些文件的相关响应组件。但是在渲染时，每个CSS导入都会得到他们自己的<style>标记，这会导致十几个<style>标签散落在我的web应用程序的头上。是否有一种方法来调整配置，以便输出的CSS进入一个<style>标记？也许在我的应用程序的React加载序列中遵循一个特定的条目：
entry: {
app: [
'<React Component
浏览 7提问于2017-06-01得票数 3
回答已采纳
我正在开发一个react组件，它依赖于另一个UI组件(react-widget/lib/DropDownlist)。这个javascript模块有以以下文件扩展名结尾的资源：*.gif、*.eot、*.svg、*.woff、*.ttf。
Webpack4抱怨说它不知道如何处理这些文件类型，我可能需要一个加载程序来处理这些文件类型。一个错误是：
Error in .../react-widgets/dist/fonts/rw-widgets.svg?v=4.1.0
Module parse failed: ...
**You may need an appropriate loader to h
浏览 2提问于2018-05-25得票数 2
回答已采纳
我在学习如何将ROR后端API与React前端集成时，遇到了Rails 5.1中引入的一个标志，即：
--webpack=react
案例1:不使用标志时的
rails new myapp -d=mysql -T
案例2:使用标志时的
rails new myapp --webpack=react -d=mysql -T
请您向我介绍一下它的用法，当我们在Rails-React应用程序中添加它时会发生什么呢？
项目文件和代码编译将如何影响它？
浏览 1提问于2021-02-12得票数 0
回答已采纳
我最近更新了我的Rails项目中的webpacker、babel和许多其他包，以便节点-sass能够在heroku-20堆栈上工作，并且在经过足够多的修改之后，webpacker能够编译和启动，但是当尝试加载任何页面时，Rails试图在Webpacker向我展示它是在/packs/application-17d61f0126c1ef6152fd.js上捆绑时获取它。我没有反应JS负载，只有Rails呈现的部分显示。
我的项目是Rails 5.2.8 (Ruby2.7)，@rails/webpacker更新为5.3.0，Webpack更新为5.1.0，Node更新为14.18.1。React版本
浏览 9提问于2022-11-28得票数 0
引言
我试着运行rails-react-boilerplate，一切都很好，但在安装结束时(bundle install，yarn install，rake db:create ..)，用简单的webpack命令不起作用。在github仓库上有一个链接：。
错误
在这个命令npm run webpack之后，我得到了这个错误：
openssl config failed: error:02001003:system library:fopen:No such process
> rails-react-boilerplate@1.0.0 webpack D:\code\portfolio
浏览 7提问于2017-12-30得票数 0
我为我的近似英语道歉:)
这里简单回顾一下:我们有一个Rails 4项目，最近我们用React_on_rails gem添加了一些反应组件，所以我们需要实现Webpack作为资产管道的朋友(是的，我知道，Rails 5做得真的更好)
因此，问题是，当我尝试在临时部署时，以及在尝试在其上执行yarn run build:production时：
$ NODE_ENV=production webpack -p --config webpack.config.js
/home/unisc/apps/staging/releases/20170831104131/client/node_module
浏览 1提问于2017-08-31得票数 1
我有一个Rails 6项目，我正在学习Rails 5.1中的敏捷Web开发(5.1)一书，并且在构建和测试中使用了循环CI。我基本上会在帖子的末尾列出我所有的问题。
下面是我在circle.yml中安装webpacker的部分
- run:
name: Install webpacker
command: bundle exec rails webpacker:install
那很好直到我们安装了反应。我们已经使用rails webpacker:install:react安装了React。在安装React之后，我将代码推送到GitHub，然后CircleCI开始构建环境，但是当
浏览 3提问于2021-04-21得票数 0
回答已采纳
1回答
我的引导程序5.0.0-beta2实现有问题。我可以扩大我的肚脐和手风琴，但不能倒塌。
这似乎是js初始化的一个问题。
因为如果我加载了一个没有元素的页面，然后浏览到一个有元素的页面(我的页面没有重新加载，因为我使用的是)，那么我可以同时展开和折叠它们。虽然这些错误是在切换时打印到控制台的：
Uncaught TypeError: No method named "toggle"
at Function.collapseInterface (bootstrap.bundle.js:1942)
at bootstrap.bundle.js:2001
at
浏览 2提问于2021-03-13得票数 1
回答已采纳
我正试图通过Webpack在Rails 6.0.0.rc1中安装jQuery，我不知道我缺少了什么，但是尽管能够编译jQuery，但我还是在浏览器控制台中获得了错误$ is not defined。
我在jQuery中添加了yarn add jquery，所以我的package.json如下所示
{
"name": "muladeseis_app",
"private": true,
"dependencies": {
"@babel/preset-react": "^7.0.0"
浏览 0提问于2019-04-28得票数 22
回答已采纳
我使用的是带有Ruby和Node后端的React 15.6和Browserify。我的主页相当臃肿，我想懒惰地加载下面的折叠图像。我遇到的所有延迟加载选项都有一个依赖项-- webpack。有没有不需要webpack的简单解决方案？
浏览 1提问于2018-11-21得票数 0
我有一个Rails应用程序，它在前端包含了许多react组件，最近在尝试添加另一个组件时，由于react的多个版本而开始崩溃。
返回并更新旧代码，以便所有内容都在react@15.x上，我决定使用peerDependencies，这样每个功能都不会加载到它自己的react库实例中。
在开发过程中，peerDependencies工作得很好，但在尝试为生产环境构建时，我得到了以下错误：
Cannot resolve module 'react' in /Users/path/to/project/lib/toaster @ ...
我遗漏了什么？
package.json：
{
浏览 1提问于2017-04-06得票数 0
我正在做一个Ruby on rails 4项目，我们使用React/Redux作为前端。我们使用了Webpack和gulp来编译javascript和css。我们根本不使用rails Asset管道，它在配置中被禁用。所有资源编译到公用文件夹中，并直接包含在视图中。现在所有的react组件都在客户端呈现。它有自己的缺点，比如在js完全加载之前的视觉轻拍，以及在将初始道具从后端传递到前端的问题。有没有什么好方法可以在服务器端编译react组件，而不需要使用资产管道和直接从rails视图传递道具？
浏览 6提问于2016-08-25得票数 1
我正在开发一个function应用程序，在这个应用程序中，我使用带有硬编码图像路径的img标记，如下所示
import '../css/styles.scss';
import React from 'react';
import ReactDom from 'react-dom';
import axios from 'axios';
import { List } from './list';
class App extends React.Component {
constructor(props) {
浏览 3提问于2017-06-13得票数 1
回答已采纳
main.jsx
import React from 'react';
import ReactDOM from 'react-dom';
const src = require('../images/av.png');
require('../css/styles.css');
class APP extends React.Component{
render(){
//Render main component
return (
浏览 3提问于2016-11-17得票数 0
回答已采纳
1回答
我想添加一个像这样的图像标记
img [ Src "/AirPassengerData.png" ]
但是当我看到生成的网站时，图像不会加载。
我使用的是dotnet核心项目模板fable-elmish-react
虽然我已经找到了这个Fable.Helpers.React.img助手，但是图像并没有出现在我的/public文件夹中，据我所知，这个文件夹就是webpack输出文件夹。
我遵循了的指令，试图让webpack将我创建的/assets文件夹中的图像移动到/public文件夹中，但是这些指令指示我添加一个require语句来要求加载图像，但是我找不到使用Fable如何做
浏览 1提问于2018-04-03得票数 3
回答已采纳
24回答
我正在构建一个小的反应应用程序，我的本地图像不会加载。像placehold.it/200x200这样的图像加载。我想可能是服务器的问题吧？
这是我的App.js
import React, { Component } from 'react';
class App extends Component {
render() {
return (
<div className="home-container">
<div className="home-con
浏览 23提问于2016-01-03得票数 219
回答已采纳
1回答
我一直在尝试使用react和webpack导入图像，但是还没有成功。我已经使用npm安装了文件加载器和url加载器，我已经配置了webpack.config文件，就像我在文档中看到的那样，但是我只是得到了一个错误。
谢谢你的帮助！
浏览 0提问于2018-06-17得票数 0
我想包装一个基于react的web应用程序，这是使用在安卓设备的cordova容器中使用webpack构建的。我成功地为iOS构建了cordova应用程序，一切都运行得很好。然而，当为android构建时，使用webpack的文件加载器在javascript中需要的静态资源，如图像和字体，不能正确加载。web视图尝试加载所有资源，例如来自file:///android_asset/www/build/myImage.png的图像，但记录了一个找不到文件的错误。例如，如果我通过图像标记直接在index.html中链接相同的图像，图像就会正确加载，但在我的webpack配置文件中更改publicP
浏览 2提问于2016-04-01得票数 6
我正在使用Rails 6和WebPacker5.4.3GEM。我最近刚刚升级了几个节点包，并添加了一个中断热重加载的包，无法确定原因；这些是我升级/添加的包：
@rails/webpacker.从5.1.1到5.4.3webpack从4.39.4到4.1.1webpack-cli从3.8.0到4.1.1webpack-cli 4.9.1 (加)
TLDR；在我更新了一些节点包之后，看起来webpack-dev-server正在监视更改，但由于某种原因没有充当更新浏览器的代理，实际上，webpacker甚至可能根本没有读取config/webpacker.yml，因为它没有使用指定的主机和端口。
浏览 9提问于2021-10-28得票数 2
我试着在rails 6上用旧的资产管道实现ActionTest (没有Webpack)
除了加载@rails/actiontext之外，几乎所有的都是好的
在我的application.js中，我
//= require trix
//= require @rails/actiontext
riche编辑器出现，我可以更改粗体/斜体文本，但不能添加图像(未上载)
我有一个JS错误:未捕获SyntaxError:无法在模块外使用导入语句
on line : import { AttachmentUpload } from "./attachment_upload“from attachm
浏览 1提问于2020-10-08得票数 4
2回答
无法加载正确的捆绑映像。
、、、
我有一个非常简单的反应组件，它应该显示一个图像。我也在用Webpack来捆绑。
值得注意的是，我正在使用ReactJS.NET。
虽然webpack包构建正常，webpack生成的.jpg是可查看的(例如，使用)，但是图像没有显示在my中。
当我查看检查器时，html结构的构建是正确的，但我得到的是：
“无法加载图像”-当我悬停在图像路径上时。
我确保图像路径是正确的。
以下是我的反应部分：
var React = require('react');
var BackgroundImg = require('./Images/img_fjords.jp
浏览 4提问于2017-06-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
