在使用ng build时，为什么在chrome中没有出现webpack://
在使用ng build时，为什么在chrome中没有出现webpack://？
webpack:// 是webpack打包工具生成的一个特殊协议，用于在浏览器中调试和查看源代码。当使用ng build命令构建Angular项目时，默认情况下是不会生成webpack:// 协议的。
在Angular项目中，使用ng build命令会将项目源代码编译成静态文件，并生成一个名为dist的目录，其中包含了构建后的文件。这些文件可以通过服务器进行访问，但不会直接在浏览器中显示webpack:// 协议。
如果你希望在chrome中看到webpack:// 协议，可以尝试以下方法：
- 使用ng build --source-map命令构建项目，该命令会生成源映射文件（source map）。源映射文件是一种将编译后的代码映射回原始源代码的文件，可以在浏览器中进行调试。在生成的dist目录中，你可以找到一个名为main.js.map的文件，该文件包含了源映射信息。将该文件与编译后的代码一起部署到服务器上，并在浏览器中打开开发者工具，你将能够看到webpack:// 协议。
- 使用ng serve命令启动开发服务器，该命令会在本地启动一个开发服务器，并将项目源代码编译成临时文件。在浏览器中打开开发者工具，你将能够看到webpack:// 协议。
需要注意的是，以上方法只适用于开发环境，生产环境下的构建结果不会包含webpack:// 协议。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（Mobile）：https://cloud.tencent.com/product/mobile
相关·内容
嗨，我对angular有点陌生，我发现当我使用ng serve时，我会在chrome调试器中看到webpack://，这样我就可以导航我的ts文件进行调试。使用ng build时，无法使用webpack://。在使用ng build时，是否有可以在ang
浏览 75提问于2020-01-10得票数 0
1回答
使用角-cli: 1.0.0-beta.14，节点: 6.6.0，os: win32 x64.当然，这是webpack版的角质cli.我可以使用ng build。ng构建输出给这个webpack版本: webpack 2.1.0beta.22。
我想知道为什么当我运行build时，TypeScript文件没有打包。我得到了js文件和源代码地图(不幸的是，Chrome</em
浏览 1提问于2016-09-21得票数 0
2回答
Error: Can't resolve 'videojs' in '/path/to/project/root/node_modules/videojs-record/dist'import { Component, OnInit, OnDestroy, ElementRef, Input } from '@angular/core';
import v
浏览 2提问于2019-04-24得票数 2
回答已采纳
4回答
现在我在谷歌上搜索了很多，我尝试了微软()的食谱，最接近让它工作的是这个BlogPost。
到目前为止，这就是我所拥有的(我只提供了我修改过的部分，以避免发布太多的代码)。{
"type":
浏览 1提问于2018-12-13得票数 4
在从第12角迁移到第13角之后，我在控制台中得到以下错误：
另外，如果我在代码中更改了某些内容，浏览器就不会自动重新加载。 "devDependencies": { "@angular-eslinthashids"
浏览 3提问于2022-01-13得票数 4
导航到根文件夹&执行npm install试图运行应用程序ng serve，但它显示错误
}, "build": "webpack --mode production&q
浏览 2提问于2018-05-31得票数 6
回答已采纳
2回答
我试图理解我是应该保留ng构建并使用它生成我的dist文件夹，还是应该用webpack重写它，并执行中指定的任何内容。
吴建内部叫webpack吗？如果是，设置我自己的webpack配置文件并设置它有什么好处，就像在中讨论的那样。
浏览 3提问于2017-07-21得票数 8
我正在尝试从Angular 7应用程序的html文件中删除不必要的Cypress属性。我找到了这个"build": { "mergeStra
浏览 1提问于2019-03-26得票数 2
3回答
如何使用VSCode调试中的角度多项目工作区？迁移到有角度的多项目工作区后，调试不再工作了。如果设置断点，我将得到以下消息。
{
"name": "Launch new-app in
浏览 1提问于2019-11-09得票数 5
回答已采纳
我正在从AnguarJS转到角，并使用Visual代码进行实验。
我在VS代码的教程中精确地遵循了这些说明，但我无法进行调试。首先，我在控制台上运行ng serve，然后在launch上按F5。我不明白的一件事是，为什么我没有在本地机器上看到任何生成的javascript文件，也没有看到一个映射文件。ng-serve是否生成javascript文件，但它没有保存它们？但是，我也<e
浏览 2提问于2020-01-01得票数 0
3回答
IIS中托管了一个.NET web应用程序。此.NET web应用程序承载一个角度应用程序。这导致这些应用程序(.NET和that )由IIS在同一个端口上服务。需要在同一个端口上服务，因为它们使用相同的会话cookie。也是同一个CI/CD管道的一部分，还有其他原因。但是，这导致我无法调试类型记录，只有javascript是可用的，因为我在源代码中没有可用的webpack (我有源代码地图)。原因是我使用ng bu
浏览 4提问于2017-08-25得票数 0
2回答
我的问题很简单，在使用webpack的时候和项目被弹出后，.angular-cli.json还有用吗？
我看到"ejected": true已经被添加到文件中。那么，这个标志是否意味着这个文件中的每个配置都不再被使用？
浏览 3提问于2017-09-21得票数 1
在我的新laravel项目中，添加了一个顺风模板后，我尝试运行npm run watch，但是它不能工作，因此模板也不能正确加载。
浏览 15提问于2022-07-27得票数 0
回答已采纳
11回答
我试图通过ng build 将我的角码编译成生产模式，但是在浏览器中我得到了错误：当我只运行ng构建时，html就可以正常工作了。 "e2e"
浏览 6提问于2017-11-20得票数 29
回答已采纳
2回答
如何在可视化代码中调试角7库
、、、、
是否可以使用Visual代码调试器来调试已使用npm链接链接的角库？具体来说，我想知道是否可以将调试器链接到库的TypeScript代码(而不是构建的js代码)。从我所做的研究中，我相信我理解为什么会发生这种情况(使用库的应用程序没有源代码，它只有node_modules中的编译代码)，但是我无法弄清楚或找到关于如何调试的任何细节。以下是我所做工作的概述：
角7库内置到dist文件夹中。我在dist文件夹中运行了
浏览 2提问于2019-03-15得票数 12
回答已采纳
升级到版本8后，我现在无法在Visual代码中运行Chrome调试器。我没有更改类似于以下内容的launch.json： "type": "chrome", "name": "Launch Chrome (https我确实注意到，当我为应用程序提供服务时，输出中有一条新消息。(ℹ“wds”：web
浏览 0提问于2019-07-16得票数 3
回答已采纳
我需要让我的角度项目同时在IE11和Edge上工作，但是一个非常简单的hello世界甚至在这两个浏览器中都没有显示出来。0.801.3@angular-devkit/build-webpack 0.801.3npm install --save web-animations-js
我在polyfills.
浏览 4提问于2019-08-05得票数 7
3回答
给定三个@角项目，它们都使用v6.1.9：host、alpha和betaconstructor(private injectorng build --prod --output-hashing none构建的，然后运行一个post脚本，按照：scripts.js, styles.js, runtime.js, main.js的顺序连接生成的文件polyfills.js被跳过，因为main.ts将检查在加载库时是
浏览 0提问于2018-10-23得票数 4
回答已采纳
使用ng-mocks 13.5.2和jest-预设角度12和@ngneat/spectator 11，每当我试图在我的规范文件中使用MockComponents或MockPipe时，我都会得到以下错误。我不知道为什么会这样。
/Users/scott/ltr/ltr/node_modules/@angular/core/fesm2020/core.mjs.：必须使用导入来
浏览 9提问于2022-06-18得票数 1
回答已采纳
当我在angular-cli环境中使用ng build时，JS包文件的大小从2.8MB降到了400Kb。
我有一个非angular项目，其中模块捆绑是使用webpack执行的。我试过使用webpack -p，但由于angular ng build的缘故，它的大小并没有太大的减少。我已经在webpack配置中用过DedupePlugin和Uglig
浏览 1提问于2017-05-03得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
