3

我正在尝试让“网络博览会”部分为我的托管博览会项目工作。

我将托管的 expo 项目升级到 expo sdk 33,以便我还可以在 Web 平台上部署我的应用程序,并且最好从 firebase 托管它。我遵循了世博会的官方指示:

升级 Expo SDK 演练

Expo CLI 和 SDK Web 支持测试版

在 expo init 项目中使用 Expo for web

关于如何升级到 SDK 33 以及如何配置和启用 Web 平台。

Expo-cli 版本是:'2.19.5'

我正在使用纱线

包.json

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "eject": "expo eject"
  },
  "dependencies": {
    "@expo/vector-icons": "latest",
    "expo": "next",
    "expo-cli": "^2.19.5",
    "expo-codemod": "^1.0.0",
    "expo-constants": "latest",
    "expo-image-manipulator": "latest",
    "expo-image-picker": "latest",
    "expo-intent-launcher": "latest",
    "expo-permissions": "latest",
    "firebase": "^5.8.1",
    "native-base": "^2.12.1",
    "react": "16.8.3",
    "react-dom": "^16.8.6",
    "react-firebaseui": "^3.1.2",
    "react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
    "react-native-alert-async": "^1.0.3",
    "react-native-modal": "^9.0.0",
    "react-native-modal-datetime-picker": "^6.0.0",
    "react-native-picker-select": "^5.2.3",
    "react-native-web": "^0.11.4",
    "react-navigation": "^3.5.0-alpha.0",
    "react-redux": "^6.0.0",
    "redux": "^4.0.1",
    "redux-thunk": "^2.3.0",
    "rxjs": "^6.3.3",
    "schedule": "0.4.0",
    "uuid": "^3.3.2"
  },
  "devDependencies": {
    "babel-preset-expo": "^5.0.0",
    "prettier": "1.16.4"
  },
  "prettier": {
    "jsxBracketSameLine": true,
    "arrowParens": "always",
    "bracketSpacing": false
  },
  "private": true
}

这是我遇到的错误,抱歉,我完全不知道如何解决它。我已将世博会和本地基础更新到最新版本。

任何帮助将不胜感激。

Failed to compile.
/node_modules/native-base-shoutem- 
theme/src/StyleProvider.js 10:19
Module parse failed: Unexpected token (10:19)
You may need an appropriate loader to handle this file type.
|  */
| export default class StyleProvider extends React.Component {
>   static propTypes = {
|     children: PropTypes.element.isRequired,
|     style: PropTypes.object,
4

1 回答 1

6

这是因为 Expo CLI 使用的 Webpack 配置会自动转译任何以, , , ,node_modules开头的内容。任何其他模块都需要手动添加到配置文件中,方法是创建扩展的新 webpack 配置或添加模块名称,如下所示:https ://github.com/hectahertz/react-native-typography/pull/ 31exporeact-nativereact-navigation@expo@react-navigation@expo/webpack-configapp.json

"expo": {
  ...
  "web": {
    "build": {
      "babel": {
        "include": [
          "native-base-shoutem-theme"
        ]
      }
    }
  }
}
于 2019-06-13T22:28:04.350 回答