开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >Angular cli与webpack:不是用build刷新执行代码吗？

问Angular cli与webpack:不是用build刷新执行代码吗？
EN

Stack Overflow用户

提问于 2017-07-09 11:18:07

回答 1查看 176关注 0票数 0

我正在构建一个基于angular-cli的web应用程序。我在我的chrome开发者工具控制台中有一个错误，我想现在我的代码已经解决了这个问题。但是，当我重新构建和刷新我的浏览器(甚至删除浏览器缓存)时，我仍然看到错误！

这个错误与我正在构建的外部库中导入的共享组件有关。

这就是它：

compiler.es5.js:1689 Uncaught Error: Can't resolve all parameters for AuthService: (?, [object Object]).
at syntaxError (compiler.es5.js:1689)
at CompileMetadataResolver.webpackJsonp.../../../compiler/@angular/compiler.es5.js.CompileMetadataResolver._getDependenciesMetadata (compiler.es5.js:15756)
at CompileMetadataResolver.webpackJsonp.../../../compiler/@angular/compiler.es5.js.CompileMetadataResolver._getTypeMetadata (compiler.es5.js:15624)
at CompileMetadataResolver.webpackJsonp.../../../compiler/@angular/compiler.es5.js.CompileMetadataResolver._getInjectableMetadata (compiler.es5.js:15610)
at CompileMetadataResolver.webpackJsonp.../../../compiler/@angular/compiler.es5.js.CompileMetadataResolver.getProviderMetadata (compiler.es5.js:15901)
at compiler.es5.js:15830
at Array.forEach (<anonymous>)
at CompileMetadataResolver.webpackJsonp.../../../compiler/@angular/compiler.es5.js.CompileMetadataResolver._getProvidersMetadata (compiler.es5.js:15790)
at compiler.es5.js:15365
at Array.forEach (<anonymous>)

当我运行ng serve --prod时，错误消失了，我的代码运行得很好。然后，如果我在没有--prod的情况下再次运行ng serve，我会再次看到错误。

这快把我逼疯了。

这可能是什么原因造成的？webpack缓存了吗？如果是这样，我如何刷新才能运行我的最新代码？

提前感谢您的帮助。

EN

回答 1

Stack Overflow用户

发布于 2017-07-09 11:53:18

我也见过这种情况(但并不总是这样)。默认情况下，浏览器缓存包，当您使用ng serve时，包的名称保持不变。您在ng serve -prod中看不到此错误的原因是，每个生产构建在包名称中都有不同的散列代码，因此浏览器不使用缓存的版本。

如果你在匿名模式下运行浏览器，你应该不会有这个问题。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44995802

复制

相关文章

使用Angular CLI进行Build (构建) 和 Serve

Build. Build主要会做以下动作: 编译项目文件并输出到某个目录 Build targets决定了输出的结果 bundling 打包生产环境的build还会进行uglify和tree-shaking(把没用的代码去掉) ng build. 可以先看帮助: ng build --help 针对开发环境, 就是用命令 ng build. 默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: i

solenovex

2018/03/29

2.3K0

使用Angular CLI进行Build (构建) 和 Serve

用Angule Cli创建Angular项目

okaychen

2018/01/05

1.5K0

用Angule Cli创建Angular项目

Angular CLI 简介

如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文.

solenovex

2018/03/22

6.1K5

Angular CLI命令

angularjs npm html

端口被占用错误，请使用 ng serve --port 4211 //4211为替换默认4200的端口出现以下消息表示运行成功：

喝茶去

2019/04/16

9320

使用Angular CLI从蓝本生成代码

ng generate <蓝本名> 命令. 该命令的格式是 ng generate <蓝本名> <参数>. 也可以使用--dry-run参数来列出要生成的文件, 而不是真的生成. 例如: ng generate component person, 就会生成一个person.component.ts. ng generate service sales-data 就会生成一个sales-data.service.ts. ng generate class user-model 就会生成一个user-mode

solenovex

2018/03/29

1K0

使用Angular CLI从蓝本生成代码

Angular10配置webpack打包「详细教程」

对于 Angular 项目，推荐使用 angular-cli 创建打包项目 Angular 会默认帮我们配置。但是有特殊的需求时就显然不是很灵活，比如想分割一些较大的打包文件、分析每个打包文件组成，自定义webpack一些参数的时候就发现无从下手。对许多项目的常见依赖项是日期库moment.js 。这包括使用语言环境的功能，但是，它大大增加了整体捆绑软件的大小。这些都是需要我们优化的地方。

睡魔的谎言

2021/01/21

5.1K0

angular入门教程_初学者织围巾简单教程慢动作

html angularjs json rxjs

本课程是一个系列基础教程，目标是带领读者上手实战，课程以新版本 Angular 的 3 个核心概念作为主线：组件、路由、模块，加上业务开发过程中必须用到的特性：工具、指令、表单、RxJS、i18n、测试，一共分为 9 部分，34 篇文章。

全栈程序员站长

2022/11/01

3.3K0

angular入门教程_初学者织围巾简单教程慢动作

Angular学习（02）--Angular-CLI命令

angularjs 打包 typescript c++

官方的教程，其实已经很详细且易懂，这里再次梳理的目的在于复习和巩固相关知识点，刚开始接触学习 Angular 的还是建议以官网为主。

请叫我大苏

2019/03/19

2.6K0

Angular学习（02）--Angular-CLI命令

Angular 11正式发布：加入webpack 5，升级至TS 4.0，不再支持IE 9 和10

angularjs https 网络安全 github

Angular 11 现已正式发布。此版本中将不再支持 TypeScript 3.9，开发者需要升级至 TypeScript 4.0；在 Angular 10 中，已经弃用 IE 9、10 和 IE mobile 支持，此次 v11 版本中将完全删除 IE 9、10 和 IE mobile 支持。

深度学习与Python

2020/11/23

3.3K0

Angular 11正式发布：加入webpack 5，升级至TS 4.0，不再支持IE 9 和10

Angular 2 + 折腾记：(1)初识Angular-cli[官方脚手架]及脱坑要点

这个系列的进度有些跳跃性，我尽量直白点解释，但是我不是官方文档，直入主题！！！！

CRPER

2018/08/28

1.8K0

Angular 2 + 折腾记：(1)初识Angular-cli[官方脚手架]及脱坑要点

Angular开发实践（六）：服务端渲染

Angular Universal Angular在服务端渲染方面提供一套前后端同构解决方案，它就是 Angular Universal（统一平台），一项在服务端运行 Angular 应用的技术。标准的 Angular 应用会执行在浏览器中，它会在 DOM 中渲染页面，以响应用户的操作。而 Angular Universal 会在服务端通过一个被称为服务端渲染（server-side rendering - SSR）的过程生成静态的应用页面。它可以生成这些页面，并在浏览器请求时直接用它们给出响应。它

laixiangran

2018/04/11

4.8K0

Angular开发实践（六）：服务端渲染

node、npm 、package.json、Angular Cli、webpack之间的关系（Windows环境下）

node.js ide npm angularjs

Angular Cli 依赖webpack，简化创建项目流程； npm属于node一部分，npm 从package.json找对应的scripts执行命令，scripts对应的命令也会使用Angular Cli命令，比如ng，从IDE点击ng命令，跳转到项目路径/node_modules/.bin/ng：

城市中的游牧民族

2022/08/28

4620

angular4实战（1） angular-cli

angularjs https 网络安全 c++

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/78077403

j_bleach

2019/07/02

6720

angular4实战（1） angular-cli

webpack从0到1构建

webpack 打包 css https 网络安全

webpack是一个静态打包工具，根据入口文件构建一个依赖图，根据需要的模块组合成一个bundle.js或者多个bundle.js,用它来展示静态资源

Maic

2022/07/28

1.3K0

走近webpack（0）--正文之前的故事

　　在前端工作的过程中，只要你接触过vue，angular，react，gulp就一定知道webpack或者听说过或者使用过webpack，但是或许你对webpack的使用方法并不是十分了解，只是会用写好的构建项目如：vue-cli，angular-cli等，那么这一系列的文章就是带你一点点走近webpack，真正弄懂webpack到底可以做什么，怎么做。　　在真正的正文开始之前，我们先做一个小demo，就像所有的故事背景那样，这篇文章也作为该系列的故事背景。废话不多说，咱们开始吧。一、安装（环境）

zaking

2018/05/02

7060

走近webpack（0）--正文之前的故事

Angular-cli 搭建项目

node.js npm sass angularjs

一、首先需要安装node和npm 　　查看你的node以及npm版本： node -v 查看node版本 npm -v 查看npm版本　　要求所有版本都是最新的，不然可能会出错。　　设置淘宝镜像，这样下载东西就是从国内网站下载了，网速更快 npm configset registry https://registry.npm.taobao.org 二、安装typescript和typings npm install -g typescript typings 三、安装angular-cli npm

半指温柔乐

2020/04/21

7690

使用Angular CLI生成路由

为应用生成路由. 先创建一个项目: ng new my-routing --routing 可以看到生成了两个module. 看一下routing module: 再看一下app module: 已经

solenovex

2018/03/29

2K0

使用Angular CLI生成路由

点击加载更多

相似问题

Angular cli与webpack误差

10

Angular 6-cli与Webpack 4

10

用Angular-CLI和Webpack打破网格

32

Webpack / Angular CLI / Proxy转发

13

Angular-cli或Webpack

30

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例