Angular 角度7+；网页包：未捕获错误：Can'；t解析e的所有参数：（？）

上周，我开始学习Angular+Webpack，并遵循了一些关于如何使用我的特定后端（Django）设置它的指南。但到目前为止，我还无法为Google Chrome控制台启动一个最基本的Hello World示例，该示例给出了以下错误：

Uncaught错误：无法解析e:（？）的所有参数。

我知道这个问题已经被问了好几次了，但这是一个非常简单的应用程序，我没有添加服务或其他东西，只是简单的Hello World。我还使用

app.component.ts

中定义的

选择器将生成的

bundle.js

包含在返回的html页面中。这就是Chrome控制台返回错误的地方。你们中有谁能帮助我吗？我将非常感谢您的努力

提前谢谢

我的（前端）项目结构如下：

--frontend/
  --node_modules/
  --src/
    --app/
      --app.component.ts
      --app.module.ts
    --main.ts
  --package.json
  --tsconfig.json
  --webpack.config.js

以下是所有文件的所有内容：

package.json tsconfig.json webpack.config.js app.component.ts

---

终于解决了这个问题。通过禁用webpack uglifier，它给了我一个更具描述性的错误：

错误：无法解析ApplicationModule:（？）的所有参数。

然后，我在StackOverflow上找到了以下适合我的线程：

总之，我只需要在

main.ts

的顶部导入部分添加以下两行内容：

import 'core-js/es6/reflect';
import 'core-js/es7/reflect';

在那之后，我得到了一个选择器not found错误，但是通过将

bundle.js

脚本加载移动到html主体下方，它很容易被修复。

作为Angular7/8的一部分 您需要将以下内容转到main.ts文件

导入“核心js/features/reflect”

这就是我的主文件的外观

import "core-js/features/reflect";
import { enableProdMode } from "@angular/core";
import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { SomeModule } from "./launchpad/some-module.module";
// you can have more dependencies loaded here
enableProdMode();
platformBrowserDynamic().bootstrapModule(SomeModule);

var webpack = require('webpack');
var path = require('path');

module.exports = {
    entry: './src/main.ts',
    watch: true,
    module: {
        rules: [
            {
                test: /\.html$/,
                loader: 'html-loader'
            },
            {
                test: /\.ts$/,
                loader: 'ts-loader',
                exclude: /node_modules/
            }
        ]
    },
    resolve: {
        extensions: [".tsx", ".ts", ".js"]
    },
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, '../fotoplatform/static/dist')
    }
};

import { Component } from '@angular/core';

@Component({
    selector: 'fotoplatform',
    template: '<h1>Hello world!</h1>',
})
export class AppComponent {

    constructor(){
        console.log("I am Angular!")
    }
}

import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { BrowserModule } from '@angular/platform-browser';

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

import 'core-js/es6/reflect';
import 'core-js/es7/reflect';

import "core-js/features/reflect";
import { enableProdMode } from "@angular/core";
import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { SomeModule } from "./launchpad/some-module.module";
// you can have more dependencies loaded here
enableProdMode();
platformBrowserDynamic().bootstrapModule(SomeModule);