Uncaught SyntaxError: Unexpected token ! in vendors.bundle.js 174

Question

我在 angularjs 中有一个项目要升级。所以我安装了 ng-upgrade 并进行了设置，但是当我 运行 程序时我得到了这个错误：

Uncaught SyntaxError: Unexpected token ! vendors.bundle.js 174

我是 webpack 的新手，我该怎么办？

我不明白这个问题，似乎没有人在我之前遇到过。我没有更改 webpack.config.js 中的任何内容，只是安装了所有内容，所以我不知道它是如何更改的 vendors.bundle.js。

这是我在 webpack.config.js

中的 ts 加载器配置

rules: [
    {
        test: /\.tsx?$/,
        loader: "awesome-typescript-loader"
    },
    {
        test: /\.js$/,
        enforce: "pre",
        loader: "source-map-loader"
    },

Main.ts:

import 'zone.js';
import 'reflect-metadata';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { setAngularLib } from '@angular/upgrade/static';
import * as angular from 'angular';

import { AppModule } from './app.module';

setAngularLib(angular);
platformBrowserDynamic().bootstrapModule(AppModule);

app.module.ts:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { UpgradeModule } from '@angular/upgrade/static';

@ngModule({
    imports: [
        BrowserModule,
        UpgradeModule
    ]
})
export class AppModule {
    constructor(private upgrade: UpgradeModule) {}

    ngDoBootstrap() {
        this.upgrade.bootstrap(document.documentElement, ["spp"], {strictDi: true});
    }
}

我似乎找不到代码的任何问题，所以我希望它只显示 thml。

Answer 1

我不小心在其依赖项之前安装了 @angular/core，所以没有安装，为了解决这个问题，我只需要重新安装 @angular/core。