如何使用 NgUpgrade 和 Gulp 从 AngularJS 升级到 Angular

编程问答 2022-04-30

问题描述

我需要帮助才能使用 NgUpgrade 和 Gulp 从 AngularJS 升级到 angular。首先，我遵循本教程： https://www.digitalocean.com/community/tutorials/how-to-upgrade-from-angularjs-to-angular-with-ngupgrade 但是我不像教程（Webpack）中那样使用相同的模块捆绑器。我使用 Gulp 3.9.1。 所以我使用gulp插件“gulp-typescript”将我的文件“main.ts”编译成一个JS文件。

直到这没问题。但是当我开始 gulp 时出现这个错误：

events.js:291
      throw er; // Unhandled 'error' event
      ^
[PluginError: app.min.js: error: Couldn't process source due to parse error
'import' and 'export' may appear only with 'sourceType: module' (18:0)] {
  plugin: 'gulp-ng-annotate',showProperties: true,showStack: false,__safety: { toString: [Function: bound ] }
}

关于这个吞咽任务：

var uglify      = require('gulp-uglify');
var concat      = require('gulp-concat');
var expect      = require('gulp-expect-file');
var size        = require('gulp-size');
var ngAnnotate  = require('gulp-ng-annotate');
var rename      = require('gulp-rename');
var stripDebug  = require('gulp-strip-debug');


var files = [
    'build/front/app.js'
];

var sizeOptions = {
    showFiles: true,gzip: false
};

module.exports = {
    fn: function (gulp,callback) {
        return gulp.src(files)
            .pipe(expect(files))
            .pipe(concat('app.min.js'))
            .pipe(ngAnnotate())
            .pipe(size(sizeOptions))
            .pipe(gulp.dest('build/front/'))
    }
};

P.S：文件“build/front/app.js”包含我的 AngularJS 应用程序的所有 js 代码。

我在谷歌上没有找到任何解决方案。

预先感谢您的帮助。

基利安

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularangularjsgulpgulpjavascriptng-upgrade