Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

"Setup with Web" error

See original GitHub issue

take this docs: https://docs.nativebase.io/docs/GetStarted.html

"react-native-web": "^0.9.8",
"native-base": "^2.8.1",

"@babel/plugin-proposal-class-properties": "^7.1.0",
"@babel/plugin-proposal-object-rest-spread": "^7.0.0"

App.js

import React, { Component } from 'react';
import {H1} from 'native-base'
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <p>
            Edit <code>src/App.js</code> and save to reload.
          </p>
          <a
            className="App-link"
            href="https://reactjs.org"
            target="_blank"
            rel="noopener noreferrer"
          >
            <H1>Learn React</H1>
          </a>
        </header>
      </div>
    );
  }
}

export default App;

errors:

Failed to compile
./node_modules/native-base-shoutem-theme/src/connectStyle.js
SyntaxError: path\testd\node_modules\native-base-shoutem-theme\src\connectStyle.js: Unexpected token (384:10)

  382 |         const { addedProps, style } = this.state;
  383 |         return (
> 384 |           <WrappedComponent
      |           ^
  385 |             {...this.props}
  386 |             {...addedProps}
  387 |             style={style}

Issue Analytics

State:
Created 5 years ago
Reactions:3
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

ArThoXcommented, Jan 2, 2019

Same issue for me.

"dependencies": {
    "@types/react": "^16.7.18",
    "native-base": "^2.8.0",
    "react": "^16.7.0",
    "react-art": "^16.7.0",
    "react-dom": "^16.7.0",
    "react-native": "0.57.8",
    "react-native-web": "^0.9.13",
    "react-redux": "^6.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.2.2",
    "@babel/plugin-proposal-class-properties": "^7.2.3",
    "@babel/preset-env": "^7.2.3",
    "@babel/preset-react": "^7.0.0",
    "babel-jest": "23.6.0",
    "babel-loader": "^8.0.4",
    "babel-plugin-react-native-web": "^0.9.13",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.51.1",
    "react-test-renderer": "16.6.3",
    "tslint": "^5.12.0",
    "typescript": "^3.2.2",
    "webpack": "^4.28.3",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.14"
  },

0reactions

SupriyaKalghatgicommented, Mar 8, 2019

Working procedure here https://github.com/GeekyAnts/NativeBase-KitchenSink/blob/web-support/README.md#to-create-new-react-app

Top Results From Across the Web

HTTP Errors <httpErrors> - Microsoft Learn

The <httpErrors> element allows you to configure custom error messages for your Web site or application. Custom error messages let you ...

HP printers - Cannot connect to Web Services

Or open the Setup, Service, or Settings menu, select Preferences, Printer Maintenance, or Tools, and then select Web Services, Printer Update, or LaserJet ......

Creating an HTML 404! Error Web Page - Udacity

In this tutorial, we will build an HTML 404 error web page to customize what the visitor sees when they land there.

Understanding domain setup error messages - GoDaddy

Learn why you may encounter domain set up errors and how to fix them.

Custom error pages - Sitefinity CMS Setup and maintenance

You must configure error pages to make sure such information is not visible on the live site. Additionally, error pages provide a much...