javascript - 由于错误,无法使用 Angular FormsModule

标签 javascript angular webpack

每次我从“@angular/forms”导入 FormsModule 时,都会出现以下错误:

Error: ./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js 27:12
Module parse failed: Identifier 'ɵngcc0' has already been declared (27:12)
File was processed with these loaders:
 * ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js
 * ./node_modules/@ngtools/webpack/src/ivy/index.js
You may need an additional loader to handle the result of these loaders.
|  */
| import * as ɵngcc0 from '@angular/core';
> import * as ɵngcc0 from '@angular/core';
| const NG_VALUE_ACCESSOR = new InjectionToken('NgValueAccessor');
|

这是我的一段代码:

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这个问题中有趣的一点是,如果我没有在导入列表中包含 FormsModule,代码工作得很好,但是当它在列表中时,它会导致问题。简单导入 FormsModule 似乎不是问题。

我该如何解决?

最佳答案

我必须运行 npm ci,然后再次运行 npm install。足够了,它有效。

关于javascript - 由于错误,无法使用 Angular FormsModule,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66731024/

相关文章:

javascript - 如何在 Vue-CLI 3 项目中全局声明 jQuery?

javascript - 在 webpack 2 中混合长期缓存和代码分割

webpack - Webpack/Vue/Vuetify/PWA 项目中绝对路径的问题

javascript - 如何测试字符串是否包含无效的字符串文字?

javascript - 如何使用 jQuery 获取后代 span 元素?

组件模块中的 Angular Material 拖放

javascript - 如何在我的 Angular 组件中动态渲染带有样式和 *ngFor 的 HTML 选择框?

javascript - Jquery 改变类的所有边界

asp.net - Jquery, "$.each(",函数在IE中返回错误。 'Length' 为空或不是对象

javascript - Angular 2 : check empty form if radio button is set