为什么我的图片不能用Angular 1.6和Webpack 4加载？
问题：为什么我的图片不能用Angular 1.6和Webpack 4加载？
回答： Angular 1.6和Webpack 4是两个独立的工具，分别用于前端开发和模块打包。图片加载问题可能涉及到以下几个方面的原因：
- 文件路径问题：首先需要确认图片文件的路径是否正确。在Angular 1.6中，可以使用相对路径或绝对路径来引用图片。在Webpack 4中，可以使用file-loader或url-loader来处理图片文件，并通过配置文件指定输出路径。需要确保文件路径配置正确，以便正确加载图片。
- 文件类型问题：Angular 1.6和Webpack 4都支持常见的图片格式，如JPEG、PNG、GIF等。但需要确保图片文件的格式正确，并且在代码中正确引用了对应的文件类型。
- 依赖配置问题：Angular 1.6和Webpack 4都依赖于一些相关的库和插件。需要确保这些依赖项已正确安装，并在配置文件中正确引用和配置。
- 编译打包问题：Webpack 4负责将前端代码及其依赖打包成可执行的静态资源。在Webpack的配置文件中，需要正确配置图片文件的加载规则，并确保这些规则与Angular 1.6的代码兼容。
综上所述，如果图片不能用Angular 1.6和Webpack 4加载，可能是由于文件路径、文件类型、依赖配置或编译打包等问题导致的。需要仔细检查和排查这些可能的原因，并逐一解决。如果问题仍然存在，可以提供更多的具体信息，以便更好地帮助解决问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，可用于存储和管理图片等静态资源。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供灵活可扩展的云服务器，可用于部署和运行前端和后端应用。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云CDN加速：提供全球加速服务，可加速静态资源的分发，提升用户访问速度和体验。详情请参考：https://cloud.tencent.com/product/cdn
相关·内容
我的角度是1.6.9。项目，我正在建设与Webpack 4。我不能得到我的图像指定在我的html加载。这是我的设置。 });
module.exports =
浏览 12提问于2020-03-01得票数 0
我使用的是一个AngularJS 1.6.X ES6应用程序。我使用Mocha和Sinon在上面编写和运行单元测试。
我开始将此应用程序与ngUpgrade混合/升级，以便用angular编写新组件。所以现在，我得到了一些angularJS模块和一些angular模块。我使用带有babel-loader和ng-annotate-loader的</
浏览 5提问于2018-11-02得票数 2
我们正在尝试使用ionic- app -scripts从相同的代码库创建一个angular (4)和ionic (3)应用程序。我们有一个问题，即生产版本不能用于angular (使用带有延迟加载组件的angular-router )。
有没有人成功地集成了AOT的webpack加载器和ionic-app-scripts？我们正在尝试使用ng-router-loa
浏览 19提问于2017-07-31得票数 2
1回答
我在将angularJs应用程序升级到Webpack4时遇到了问题。这是我的设计：import "angular-i18n/de-de";和import], { strictDi: true });和we
浏览 0提问于2018-03-14得票数 3
回答已采纳
我想用webpack来做我的角流星应用程序。不幸的是，流星构建失败了，出现了以下错误： error: conflict: two packages included inthe app (pbastowski:angular-babel and webpack:webpack) are both trying to handle *.js
角流星包依赖于pbastowski:角
浏览 4提问于2015-12-12得票数 0
回答已采纳
我编写了一个组件，它使用templateUrl来包含一个html文件@Component({ templateUrl: './app.component.html'/*html*/webpack配置点赞 test: /\.ts$/,e
浏览 79提问于2016-08-26得票数 5
回答已采纳
情况：
最近，我将我的应用程序从角12升级到了角13 webpacknothing，我使用@angular-builders/custom-webpack来配置在webpack配置中在<code>H 212</code><code>F 213</code>中的html-loader和markdown-loader的版本之间更改的。为了解决这
浏览 9提问于2022-02-25得票数 4
2回答
在他们的网站上，我们的包装定义为：
Webpack开发服务器本身就是一个特快专递服务器，它使用webpack- Dev中间件为最新的包提供服务，并另外处理客户端中实时模块更新的热模块替换(HMR)请求<
浏览 0提问于2019-05-13得票数 1
回答已采纳
在我的模块联盟设置中，我有一个主机应用程序，它使用一些远程应用程序。它们都将angular框架依赖项作为单例进行共享。: true, },}), 在主机和远程的package.json中，Angular版本都被定义为^11.0.0。因为package.json内部的定义和实际版本根据语义版本是兼容的，所以我希望webpack只加载最高兼容的角度版本(即
浏览 100提问于2021-01-18得票数 1
我有一个角度应用程序，是建立使用打字稿和捆绑在一起的webpack。这里没什么不寻常的。我想做的是允许运行时的插件，这意味着组件和/或模块以外的包也应该能够在应用程序中注册。到目前为止，我已经尝试在index.html中包含另一个webpack包，并使用内爆数组将上述模块/组件推入其中，并且在我的模块中导入这些包。
参见导入使
浏览 2提问于2017-04-26得票数 3
回答已采纳
在将Angular2合并到应用程序中时，我遇到了正确加载RequireJS的问题。为了简单起见，我在Angular2上使用了非常简单的Hello World Javascript教程：});我使用r
浏览 1提问于2016-06-02得票数 10
我正试图将PrimeNG加载到Webpack捆绑的Angular2应用程序中。": "^1.0.0-beta.8",接下来，如angular2-webpack入门版中的所示，我向venders.ts添加了一个导入。是某种特殊的东西，我的webpack
浏览 7提问于2016-06-13得票数 3
回答已采纳
2回答
到目前为止，我在ANgular 2项目中练习了来自的角种子项目。在执行此项目时，我经常在system.config.js中包含所有第三方库，如下所示 'ng2-file-upload': 'npm:ng2-file-upload' packages: { defaultExtension: 'js'这对于me.Now非常好，我使用的是角c
浏览 8提问于2017-04-20得票数 2
回答已采纳
从今天上午开始，使用角CLI、1.0.0-beta.14 i、ng new try3和ng serve，并得到以下错误： at Class.run (/home/jan/src&
浏览 5提问于2016-09-20得票数 28
回答已采纳
1回答
我是测试Webpack与一个简单的角度应用程序，我使用角用户界面路由导入它的默认模块。import uirouter from "angular-ui-router";
angular
浏览 3提问于2017-01-13得票数 0
6回答
使用角-cli，生成的文件名为main.hash.bundle.js，当使用ng build -prod时，是否可以删除该文件名的散列形式。所以只要main.bundle.js
浏览 3提问于2016-09-27得票数 26
回答已采纳
我正在学习关于Angular2的教程，但它们仍然在使用beta版。我正在查看的文档，它指向最新的发布候选版本，但我无法让webpack服务器从egghead.io课程中使用angular2包，而且我也不太确定挂在哪里。当我执行npm start (运行webpack服务器)时，我一直得到
Error during instantiation of NgZone!我确实将我
浏览 4提问于2016-06-02得票数 4
我正在尝试做一个与woocommerce集成的angular 4应用程序来列出所有的产品。以下是我的代码import {Headers, Http, RequestOptions, URLSearchParams} from '@angular/http';
import 'rxj
浏览 8提问于2018-05-27得票数 1
当我运行ng serve时，文件是在哪里生成和存储的？我需要解决为什么应用程序可以与ng serve一起工作，但不能用于生产构建。
忘了提一下，我使用的是angular-cli的webpack版本。
浏览 12提问于2016-09-01得票数 24
回答已采纳
Webpack.config.vendor.js '@angular/animations', "@angular/platform-server": "5.2.2",
"@angular/router"
浏览 0提问于2018-02-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
