Оновлення до Babel 7: Неможливо прочитати властивості "прив'язки" до нуля


118

Щойно я перейшов на Babel 7 (з 6), виконавши ці команди:

npm remove babel-cli
npm install --save-dev @babel/cli @babel/core @babel/preset-env

Ось мій .babelrcфайл:

{ "presets": ["env"] }

Потім я побіг:

babel js/src --out-dir js/dist

І це призводить до:

TypeError: Cannot read property 'bindings' of null
    at Scope.moveBindingTo (/xyz/node_modules/@babel/traverse/lib/scope/index.js:867:13)
    at BlockScoping.updateScopeInfo (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:364:17)
    at BlockScoping.run (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:330:12)
    at PluginPass.BlockStatementSwitchStatementProgram (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:70:24)
    at newFn (/xyz/node_modules/@babel/traverse/lib/visitors.js:193:21)
    at NodePath._call (/xyz/node_modules/@babel/traverse/lib/path/context.js:53:20)
    at NodePath.call (/xyz/node_modules/@babel/traverse/lib/path/context.js:40:17)
    at NodePath.visit (/xyz/node_modules/@babel/traverse/lib/path/context.js:88:12)
    at TraversalContext.visitQueue (/xyz/node_modules/@babel/traverse/lib/context.js:118:16)
    at TraversalContext.visitSingle (/xyz/node_modules/@babel/traverse/lib/context.js:90:19)

Що я зробив не так?

Відповіді:


307

У своєму .babelrcфайлі змініть

{ "presets": ["env"] } 

до

{ "presets": ["@babel/preset-env"] }

(і встановіть цей пакет, якщо ви ще цього не зробили).

У своєму документі .babelrcви все ще посилаєтесь на пакет babel-preset-env(який призначений для 6.x), ви хочете посилатись на @babel/preset-envнього (а це на 7.x).

https://github.com/babel/babel/isissue/6186#issuecomment-366556833

Примітка. Ви також повинні внести цю зміну, webpack.config.jsякщо вона також є.

Ось приклад розділу конфігурації вебпакету, де слід змінити попередньо встановлене:

use: {
  loader: 'babel-loader',
  options: {
    // Here you should change 'env' to '@babel/preset-env'
    presets: ['@babel/preset-env'],
  },
},

8
Зверніть увагу, ви також повинні внести цю зміну, webpack.config.jsякщо вона також є.
хокі
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.