Импорт компонента React Native из другого пакета в той же рабочей области Yarn - PullRequest
Новая
       42

Импорт компонента React Native из другого пакета в той же рабочей области Yarn

0 голосов
/ 28 июня 2019

Я пытался использовать Yarn Workspaces для создания monorepo, я сделал несколько необходимых вещей, установив экспорт "package.json" с "name": "@es6-apps/react-native", "main": "src/App.js", поместив "dependencies": { "@es6-apps/react-native": "1.0.0", ... } в другой "пакет.json ", куда я собираюсь его импортировать и т. д. *

Но импорт источника с React Native из другого пакета, который '@es6-apps/react-native' подобен этому, вызвал ошибку: 

import App from '@es6-apps/react-native';
export default App;

----------

[ error ] ../react-native/src/App.js 24:6
Module parse failed: Unexpected token (24:6)
You may need an appropriate loader to handle this file type.
|   render() {
|     return (
>       <View style={styles.container}>

Я даже попробовал эту вещь ". Babelrc" и "webpack.config.js" , чтобы импортировать перенесенный файл вместо исходного, но собирая React Nativeкомпонент только что выдал ошибку.Я также попытался использовать другие конфигурации веб-пакетов, доступные в Интернете, с тем же результатом. 

package.json
"scripts": { "build": "webpack" }

----------

.babelrc
{  "presets": ["@babel/preset-react"]
OR "presets": ["module:metro-react-native-babel-preset"] }

----------

webpack.config.js
var path = require('path');

module.exports = {
  mode: 'development',
  entry: './src/App.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader'
        }
      }
    ]
  }
};

Кто-нибудь знает, как импортировать компонент React Native из другого пакета на том же монореполе с рабочими пространствами Yarn?

Любая рабочая альтернатива будет оценена.

...