Javascript gulp4-无法使用AG Grid Vue编译Vue应用程序
看来Gulp JS,可能Babel与ag grid vue不兼容。每当我尝试编译1时,都会出现以下错误:Javascript gulp4-无法使用AG Grid Vue编译Vue应用程序,javascript,vue.js,gulp,ag-grid,ag-grid-vue,Javascript,Vue.js,Gulp,Ag Grid,Ag Grid Vue,看来Gulp JS,可能Babel与ag grid vue不兼容。每当我尝试编译1时,都会出现以下错误: import { Component, Prop, Vue } from 'vue-property-decorator'; ^ ParseError: 'import' and 'export' may appear only with 'sourceType: module' 我的一个组件是导入ag grid vue import {AgGridVue} from 'ag-grid-v
import { Component, Prop, Vue } from 'vue-property-decorator';
^
ParseError: 'import' and 'export' may appear only with 'sourceType: module'
我的一个组件是导入ag grid vue
import {AgGridVue} from 'ag-grid-vue';
我的吞咽任务如下所示:
const del = require('del');
const babelify = require('babelify');
const browserify = require('browserify');
const { src, dest, series, parallel, task } = require('gulp');
const source = require('vinyl-source-stream');
const buffer = require('vinyl-buffer');
const sourcemaps = require('gulp-sourcemaps');
const fs = require('fs');
const sass = require('gulp-sass');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');
const imagemin = require('gulp-imagemin');
const rename = require('gulp-rename');
const minify = require('gulp-minify');
const cleanCSS = require('gulp-clean-css');
task(
'js',
series(
'clean:js',
() => {
// set up the browserify instance on a task basis
var b = browserify({
entries: './_src/js/entry.js',
debug: true
})
.transform(babelify.configure({
presets: ["@babel/preset-env"]
}));
return b.bundle()
.pipe(source('site.js'))
.pipe(buffer())
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(minify({
ext: {
min: '.min.js'
}
}))
.pipe(sourcemaps.write('./'))
.pipe(dest('./dist/js/'));
}
)
);
我的package.json文件安装了以下内容:
"ag-grid-community": "^21.0.1",
"ag-grid-vue": "^25.0.0",
"vue": "^2.6.12",
下面是全部错误
/Users/.../sites/vagrant/www/.../my-app/node_modules/ag-grid-vue/lib/AgGridVue.js:20
import { Component, Prop, Vue } from 'vue-property-decorator';
^
ParseError: 'import' and 'export' may appear only with 'sourceType: module'
at formatError (/usr/local/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/format-error.js:21:10)
at Gulp.<anonymous> (/usr/local/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/log/events.js:33:15)
at Gulp.emit (events.js:198:15)
at Gulp.EventEmitter.emit (domain.js:481:20)
at Object.error (/Users/.../sites/vagrant/www/.../my-app/node_modules/undertaker/lib/helpers/createExtensions.js:61:10)
at handler (/Users/.../sites/vagrant/www/.../my-app/node_modules/now-and-later/lib/mapSeries.js:47:14)
at f (/Users/.../sites/vagrant/www/.../my-app/node_modules/once/once.js:25:25)
at f (/Users/.../sites/vagrant/www/.../my-app/node_modules/once/once.js:25:25)
at tryCatch (/Users/.../sites/vagrant/www/.../my-app/node_modules/async-done/index.js:24:15)
at done (/Users/.../sites/vagrant/www/.../my-app/node_modules/async-done/index.js:40:12)
/Users/../sites/vagrant/www/../my-app/node\u modules/ag-grid-vue/lib/AgGridVue.js:20
从“Vue属性装饰器”导入{Component,Prop,Vue};
^
ParseError:“导入”和“导出”只能与“sourceType:module”一起出现
格式错误(/usr/local/lib/node_modules/gulp cli/lib/versioned/^4.0.0/format error.js:21:10)
狼吞虎咽。(/usr/local/lib/node_modules/gulp cli/lib/versioned/^4.0.0/log/events.js:33:15)
在吞咽时发出(events.js:198:15)
在Gulp.EventEmitter.emit(domain.js:481:20)
在Object.error(/Users/../sites/vagrant/www/../my-app/node_modules/undertaker/lib/helpers/createExtensions.js:61:10)
在handler(/Users/../sites/vagrant/www/../my-app/node_modules/now and later/lib/mapSeries.js:47:14)
在f(/Users/../sites/vagrant/www/../my-app/node\u modules/once/once.js:25:25)
在f(/Users/../sites/vagrant/www/../my-app/node\u modules/once/once.js:25:25)
在tryCatch(/Users/../sites/vagrant/www/../my-app/node\u modules/async-done/index.js:24:15)
完成时(/Users/../sites/vagrant/www/../my-app/node\u modules/async-done/index.js:40:12)
发布依赖项列表,检查babel/core版本?发布依赖项列表,检查babel/core版本?