模块解析失败：Angular 项目中出现意外字符“#”

Question

当我尝试在 Angular 项目中使用私有字段时出现此错误。

Error: ./src/app/_helpers/sample.js 6:11
Module parse failed: Unexpected character '#' (6:11)
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
./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.

sample.js 文件：

class Sample {

constructor() {
   this.#reloadConfig(); // 6th line
}

#reloadConfig() {
}

EDIT：可以通过将 Angular 从 11 升级到 12 来解决它，看来 Angular 11 不支持在 JS 文件中声明的 private 方法。

Answer 1

您只需要使用private 关键字并删除#

class Sample {
   constructor() {
      this.reloadConfig();
   }

   private reloadConfig() {
   }
}

TypeScript 的 private 声明的属性适用于所有目标——甚至是 ECMAScript 3！ — Microsoft DevBlog