我刚刚通过运行以下命令升级到Babel 7(从6开始):
npm remove babel-cli
npm install --save-dev @babel/cli @babel/core @babel/preset-env
Run Code Online (Sandbox Code Playgroud)
这是我的.babelrc档案:
{ "presets": ["env"] }
Run Code Online (Sandbox Code Playgroud)
然后我跑了:
babel js/src --out-dir js/dist
Run Code Online (Sandbox Code Playgroud)
它导致:
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)
Run Code Online (Sandbox Code Playgroud)
我做错了什么?
我试图运行一个反应本机模拟器.
但是,这个错误在模拟器中出现了:
Failed to load bundle(http://localhost:8081/index.bundle?
platform=ios&dev=true&minify=false)
with error:(/Users/sugawarasyuta/Desktop/albums/index.js:
Cannot read property 'bindings' of null(null))
Run Code Online (Sandbox Code Playgroud)
我仔细检查了我的代码语法.但我觉得这不是那个.你知道如何解决这个错误吗?
这是我的文件:
index.js
import React from 'react';
import { AppRegistry,View } from 'react-native';
import Header from './src/components/header';
import AlbumList from './src/components/AlbumList';
//Create a component
const App = () => (
<View>
<Header headerText= {'albums'} />
<AlbumList />
</View>
);
AppRegistry.registerComponent('albums', () => App );
Run Code Online (Sandbox Code Playgroud)
AlbumList.js
import React,{Component}from 'react';
import {View, Text} from 'react-native';
import axios from 'axios';
class AlbumList extends Component {
componentWillMount(){
axios.get('https://rallycoding.herokuapp.com/api/music_albums')
.then(response …Run Code Online (Sandbox Code Playgroud)