我的Chrome扩展项目使用来自https://github.com/tfoxy/chrome-promise/blob/master/chrome-promise.js的Chrome-Promise模块,以将Chrome API的回调函数转换为Promise风格的函数。
使用Babel 6编译该项目一直很好。最近我升级到了Babel 7。自那时起,当我允许chrome-promise.js文件被Babel转译时,在运行扩展程序时会出现“未捕获的引用错误:ChromePromise未定义”。如果我保持chrome-promise.js不被转译,则程序可以正常工作。
以下是我的webpack配置js文件的摘录:
注意:虽然我使用Terser来压缩JS代码,但当我停用它时,错误仍会发生。
编辑: 请查看我在github.com/Steve06/chrome-promise-babel-7-issue-repo上创建的最小存储库。
使用Babel 6编译该项目一直很好。最近我升级到了Babel 7。自那时起,当我允许chrome-promise.js文件被Babel转译时,在运行扩展程序时会出现“未捕获的引用错误:ChromePromise未定义”。如果我保持chrome-promise.js不被转译,则程序可以正常工作。
以下是我的webpack配置js文件的摘录:
module.exports = {
mode: 'production',
entry: {
cs: ['./build/cs.js'],
bg: ['./build/bg.js'],
popup: ['./build/popup.js'],
chromepromise: ['./build/chromepromise.js']
},
output: {
path: path.join(__dirname, 'build'),
filename: '[name].js'
},
module: {
rules: [{
test: /\.js$/,
exclude: [/node_modules/],
loader: "babel-loader"
}]
},
以下是带有Babel设置的我的一个package.json:
{
"name": "Test_CRX",
"version": "1.0.0",
"main": "cs.js",
"scripts": {
"build": "node build",
},
"keywords": [],
"author": "",
"license": "ISC",
"description": "",
"dependencies": {
"@babel/runtime": "^7.1.2",
"archiver": "^3.0.0",
"babel-polyfill": "^6.26.0",
"babel-regenerator-runtime": "^6.5.0",
"chrome-promise": "^3.0.1",
"terser": "^3.10.1"
},
"devDependencies": {
"@babel/core": "^7.1.2",
"@babel/plugin-proposal-decorators": "^7.1.2",
"@babel/plugin-proposal-function-bind": "^7.0.0",
"@babel/plugin-transform-modules-umd": "^7.1.0",
"@babel/plugin-transform-regenerator": "^7.0.0",
"@babel/plugin-transform-runtime": "^7.1.0",
"@babel/preset-env": "^7.1.0",
"@babel/preset-react": "^7.0.0",
"babel-loader": "^8.0.4",
"babel-plugin-add-module-exports": "^1.0.0",
"shelljs": "^0.8.1",
"terser-webpack-plugin": "^1.1.0",
"uglifyjs-webpack-plugin": "^2.0.1",
"webpack": "^4.20.2",
"webpack-cli": "^3.1.2"
},
"babel": {
"presets": [
[
"@babel/env",
{
"targets": {
"chrome": 60
}
}
],
"@babel/react"
],
"plugins": [
]
}
}
注意:虽然我使用Terser来压缩JS代码,但当我停用它时,错误仍会发生。
编辑: 请查看我在github.com/Steve06/chrome-promise-babel-7-issue-repo上创建的最小存储库。
ChromePromise
?是通过import
还是script
? - kkkkkkk