Angular 未捕获的语法错误:意外标记!在vendors.bundle.js 174中
我有一个angularjs项目,我想升级。因此,我安装了ng upgrade并进行了设置,但当我运行该程序时,出现以下错误: 未捕获的语法错误:意外标记!vendors.bundle.js 174 我不熟悉网页包,我该怎么办 我不明白这个问题,在我之前似乎没有人遇到过。我没有在Angular 未捕获的语法错误:意外标记!在vendors.bundle.js 174中,angular,typescript,webpack,ng-upgrade,Angular,Typescript,Webpack,Ng Upgrade,我有一个angularjs项目,我想升级。因此,我安装了ng upgrade并进行了设置,但当我运行该程序时,出现以下错误: 未捕获的语法错误:意外标记!vendors.bundle.js 174 我不熟悉网页包,我该怎么办 我不明白这个问题,在我之前似乎没有人遇到过。我没有在webpack.config.js中更改任何内容,只是安装了所有内容,所以我不知道它是如何更改的vendors.bundle.js 这里是webpack.config.js rules: [ { t
webpack.config.js
中更改任何内容,只是安装了所有内容,所以我不知道它是如何更改的vendors.bundle.js
这里是webpack.config.js
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。我意外地在其依赖项之前安装了
@angular/core
,所以没有安装,要解决这个问题,我只需重新安装@angular/core
这可能不是您的问题,但Main.tsOk中的空白行上有一个逗号,所以有什么方法可以消除它呢!那么?你能在vendors.bundle.js
第174行查看感叹号在哪里吗?您应该从Main.ts中删除逗号-如果您在此处发布断开的代码,则更难帮助您。该行如下所示:var LOCATION\u INITIALIZED=new!(函数webpackMissingModule(){var e=new Error(“找不到模块”@angular/core”);e.code='module_NOT_FOUND';throw e;}()('Location Initialized')代码>Hhm,这很奇怪。我认为该代码不应该包含new
关键字,而且它在没有它的情况下也可以工作,因为它似乎在尝试使用这种语法:我想知道在没有new
的情况下是否可以工作。但是,由于它是一个捆绑文件,因此无法解决您的问题,而且我不确定为什么要添加新的。