首先使用React-Native得到意想不到的令牌
问题描述:
嗨,我第一次使用时出现意外的令牌错误React-Native:bundling失败:“SyntaxError /Users/Lyle/SwcRN/SWCRN/App.js:意外令牌(17:15)”首先使用React-Native得到意想不到的令牌
这里是我的App.js
import React from 'react';
import {
AppRegistry,
Text,
} from 'react-native';
import { StackNavigator } from 'react-navigation';
class HomeScreen extends React.Component {
static navigationOptions = {
title: 'Welcome',
};
render() {
return <Text>Hello, Navigation!</Text>;
}
}
export default const SimpleApp = StackNavigator({
Home: { screen: HomeScreen },
});
AppRegistry.registerComponent('RNSWC',() => SimpleApp);
而17号线是
export default const SimpleApp = StackNavigator({
而且我的package.json
{
...
"dependencies": {
"react": "16.0.0-alpha.12",
"react-clone-referenced-element": "^1.0.1",
"react-native": "0.48.3",
"react-native-cli": "^2.0.1",
"react-navigation": "^1.0.0-beta.11"
},
"devDependencies": {
"babel-jest": "^21.0.2",
"babel-preset-react-native": "^4.0.0",
"jest": "^21.1.0",
"react-test-renderer": "^16.0.0-alpha.12"
},
"jest": {
"preset": "react-native",
"verbose": true,
"setupFiles": [
"./jest/setup.js"
],
"transformIgnorePatterns": [
"node_modules/(?!(jest-)?react-native|react-navigation)"
],
"moduleNameMapper": {
"^image![a-zA-Z0-9$_-]+$": "GlobalImageStub",
"^[@./a-zA-Z0-9$_-]+\\.(png|gif)$": "RelativeImageStub"
}
}
}
希望有帮助,感谢
答
您应该修改代码这样的线17来解决这个问题:
const SimpleApp = StackNavigator({
Home: { screen: HomeScreen },
});
Thankssssss了很多! – Lyle
很高兴为您效劳。 –