javascript - 尝试转译时 JavaScript babel“TypeError:无法读取 null 的属性‘绑定’”
问题描述
使用 PhpStorm,据我了解,当我修改 JavaScript 源文件时,我有这个文件监视程序(babel),它会做一些魔术并将这些文件稍微转换到另一个文件夹(dist
)中,以便gulp可以“编译”所有内容并且可以运行应用程序。但是每当我修改文件而不是魔法发生时,我都会得到一个
“TypeError:无法读取 null 的属性‘绑定’”**
我不明白为什么。
我尝试了什么:
我的老师告诉我修改配置,使其成为 babel.cmd 而不是 babel,因为我在 Windows 上,但这不起作用。
此时我几乎卸载并重新安装了所有内容,并且一切都达到了我相信的最新版本。
我尝试将
.babelrc
文件中的预设设置为,"@babel/preset-env"
但这也不起作用。
我的 .babelrc 文件
{
"presets": ["@babel/preset-env"]
}
我的 package.json 文件
{
"name": "battleship",
"version": "0.0.1",
"devDependencies": {
"@babel/cli": "^7.4.4",
"@babel/core": "^7.4.4",
"@babel/preset-env": "^7.4.4",
"babel-jest": "^24.8.0",
"babel-loader": "^7.1.5",
"babel-preset-env": "1.6.1",
"gulp": "^4.0.2",
"jest": "^24.8.0",
"tar": "^4.4.8"
},
"scripts": {
"test": "jest"
},
"dependencies": {
"babel-core": "^6.26.3",
"babel-polyfill": "6.26.0",
"browserify": "16.1.1",
"core-js": "^3.0.1",
"fstream": "^1.0.12",
"glob": "7.1.2",
"md5": "2.2.1",
"npm": "^6.9.0",
"vinyl-source-stream": "2.0.0",
"webpack": "^2.7.0"
},
"jest": {
"browser": true,
"modulePathIgnorePatterns": [
"<rootDir>/js/__mocks__"
],
"setupFiles": [
"./setup-jest.js"
],
"transform": {
"^.+\\.jsx?$": "babel-jest"
}
}
}
错误的详细信息
我真的不明白这个“绑定”属性指的是什么以及我应该改变什么,我没有在任何称为绑定的属性中编码..
cmd.exe /D /C call C:\Users\lande\Documents\js_Battleship\node_modules\.bin\babel.cmd js\controllers\StatController.js --out-dir dist --source-maps --presets env
TypeError: Cannot read property 'bindings' of null
at Scope.moveBindingTo (C:\Users\lande\Documents\js_Battleship\node_modules\@babel\traverse\lib\scope\index.js:864:13)
at convertBlockScopedToVar (C:\Users\lande\Documents\js_Battleship\node_modules\babel-plugin-transform-es2015-block-scoping\lib\index.js:139:13)
at PluginPass.VariableDeclaration (C:\Users\lande\Documents\js_Battleship\node_modules\babel-plugin-transform-es2015-block-scoping\lib\index.js:26:9)
at newFn (C:\Users\lande\Documents\js_Battleship\node_modules\@babel\traverse\lib\visitors.js:193:21)
at NodePath._call (C:\Users\lande\Documents\js_Battleship\node_modules\@babel\traverse\lib\path\context.js:53:20)
at NodePath.call (C:\Users\lande\Documents\js_Battleship\node_modules\@babel\traverse\lib\path\context.js:40:17)
at NodePath.visit (C:\Users\lande\Documents\js_Battleship\node_modules\@babel\traverse\lib\path\context.js:88:12)
at TraversalContext.visitQueue (C:\Users\lande\Documents\js_Battleship\node_modules\@babel\traverse\lib\context.js:118:16)
at TraversalContext.visitQueue (C:\Users\lande\Documents\js_Battleship\node_modules\@babel\traverse\lib\context.js:124:21)
at TraversalContext.visitQueue (C:\Users\lande\Documents\js_Battleship\node_modules\@babel\traverse\lib\context.js:124:21)
Process finished with exit code 1
解决方案
这是由于 6 和 7 之间的 babel 依赖项不匹配造成的。您目前似乎都安装了。
尝试从您的依赖项中删除babel-core
,babel-polyfill
和.babel-preset-env
package.json
如果需要babel-polyfill
,则应安装版本 7 包,该包已重命名为@babel/polyfill
.
推荐阅读
- c# - Blazor 从子组件传递和运行任务 - 无法从“方法组”转换为“任务”
' - wpf - WPF画布内的鼠标位置
- javascript - JSPM 无法在代理后面下载 github 包
- consul - 使用 helm 在同一个 pod 中部署 Vault 和 consul 代理
- amazon-web-services - 超级 linter:Terrascan s3 存储桶问题
- c# - 如何引用 UNIQUEIDENTIFIER DEFAULT NEWID() 列
- sql - 如何复制没有重复的SQL表数据?
- external - 是否可以导入外部数据源
- spring - 无法删除外键约束引用的表
- r - R - 创建一个带有条件的新变量