Gulp 另一个错误:';导入&x27;和';出口';只能与';sourceType:module';:(
我已经花了好几天的时间在互联网上搜索,以便找到解决此问题的方法(请不要将此标记为重复!)。我正在尝试使用ES6导入:Gulp 另一个错误:';导入&x27;和';出口';只能与';sourceType:module';:(,gulp,browserify,babeljs,babelify,Gulp,Browserify,Babeljs,Babelify,我已经花了好几天的时间在互联网上搜索,以便找到解决此问题的方法(请不要将此标记为重复!)。我正在尝试使用ES6导入: import * as _ from 'underscore' <--- works const test = _.clone({'2':1}); <--- works import Bulma from '@vizuaalog/bulmajs'; <--- fails } 任何帮助都将不胜感激,我觉得我已经阅读了所有相关的
import * as _ from 'underscore' <--- works
const test = _.clone({'2':1}); <--- works
import Bulma from '@vizuaalog/bulmajs'; <--- fails
}
任何帮助都将不胜感激,我觉得我已经阅读了所有相关的帖子,但仍然没有找到解决方案。Babelify默认情况下不处理任何节点模块,因为那里通常有数以万计的文件要处理。因为Bulmais的源代码是用es6 dependent编写的t javascript(下划线不是这样!),它也需要被巴别塔化。你的吞咽任务应该包括如下内容:
browserify('./src/js/index.js', {debug: true})
.transform(babelify, {
global: true, // babelify EVERYTHING!!
ignore: [/\/node_modules\/(?!@vizuaalog\/)/], // just kidding, only babelify the one module we need
presets: ["@babel/preset-env"]
})
.bundle().on('error', function (err) {
console.log(err);
})
这是我在调试此问题时创建的存储库,以防任何人对此感兴趣(不要期待任何令人兴奋的事情)问题是否仍在继续?我仍然没有解决它。:O谢谢@hypaetral!!这绝对正确!你是一个救生员。
"dependencies": {
"@vizuaalog/bulmajs": "^0.7.0",
"bulma": "^0.7.2",
"underscore": "^1.9.1"
}
"devDependencies": {
"@babel/core": "^7.1.2",
"@babel/plugin-proposal-object-rest-spread": "^7.0.0",
"@babel/preset-env": "^7.1.0",
"autoprefixer": "^9.2.1",
"babel-eslint": "^10.0.1",
"babelify": "^10.0.0",
"browserify": "^16.2.3",
"browserify-css": "^0.14.0",
"browserify-shim": "^3.8.14",
"eslint": "^5.7.0",
"fancy-log": "^1.3.2",
"gulp": "^3.9.1",
"gulp-autoprefixer": "^6.0.0",
"gulp-clean-css": "^3.10.0",
"gulp-csso": "^3.0.1",
"gulp-imagemin": "^4.1.0",
"gulp-newer": "^1.4.0",
"gulp-rename": "^1.4.0",
"gulp-sass": "^4.0.1",
"gulp-sourcemaps": "^2.6.4",
"gulp-uglify": "^3.0.1",
"gulplog": "^1.0.0",
"node-sass": "^4.9.3",
"path": "^0.12.7",
"run-sequence": "^2.2.1",
"vinyl-buffer": "^1.0.1",
"vinyl-source-stream": "^2.0.0"
},
"browserify": {
"debug": true,
"transform": [
[
"browserify-css",
{
"autoInject": true,
"minify": true
}
],
[
"babelify",
{
"presets": [
[
"@babel/preset-env",
{
"modules": "commonjs",
"targets": {
"browsers": [
"last 5 versions",
"safari >= 7"
]
}
}
]
],
"plugins": [
"@babel/plugin-proposal-object-rest-spread"
],
"sourceMaps": true
}
]
]
browserify('./src/js/index.js', {debug: true})
.transform(babelify, {
global: true, // babelify EVERYTHING!!
ignore: [/\/node_modules\/(?!@vizuaalog\/)/], // just kidding, only babelify the one module we need
presets: ["@babel/preset-env"]
})
.bundle().on('error', function (err) {
console.log(err);
})