2017-08-18 33 views
6

Tôi hoàn toàn mới với phản ứng gốc và cố gắng hiển thị đoạn văn bản đầu tiên trên màn hình.TransformError với babel-preset-react-native/index.js

Khi tôi chạy react-native run-ios và sau đó nhấp vào ứng dụng mẫu của tôi, tôi thấy các lỗi sau:

TransformError ENOENT: no such file or directory, open '.../albums/node_modules/babel-preset-react-native/index.js' while processing preset '.../babel-preset-react-native/index.js' RCTFatal RCTCxxBridge handleError

index.js KHÔNG tồn tại trong dự án của tôi, với đoạn mã sau:

'use strict';
module.exports = require('./configs/main');

Cho đến nay, tôi đã thử các cách sau:

1) Cài đặt lại NPM cho babel-sẵn-phản ứng bản địa

2) Sử dụng sợi để loại bỏ và sau đó lại thêm babel-sẵn-phản ứng bản địa
yarn remove babel-preset-react-native
yarn add [email protected]

3) Xóa babel.rc hoàn toàn

Không có gì có hiệu quả. Mong muốn nghe lời khuyên và gợi ý cho những thứ khác để thử.

Trả lời

11

Đây là lỗi trong phiên bản mới của babel-preset-react-native vì nó sẽ tự động thêm vào sau khi bạn chạy react-native init lệnh

xin hãy xem qua vấn đề github này https://github.com/facebook/react-native/issues/15513

Cách giải quyết, cố gắng thay đổi phiên bản:

yarn remove babel-preset-react-native 
yarn add [email protected] 

nếu điều đó không hiệu quả với bạn, hãy thử xóa dấu phẩy ở node_modules/babel-preset-react-native/configs/main.js tại mã này bên dưới

https://github.com/facebook/react-native/blob/6ad7e8281b37ee2ce6425363c0b17420d056807a/babel-preset/configs/main.js#L40 và chạy lại ứng dụng của bạn

+0

Cảm ơn bạn! Điều này làm việc. Tôi đã thử loại bỏ và thêm lệnh trước, nhưng tôi đã không đóng terminal React Packager sau khi chạy chúng.Sau khi đóng terminal và chạy các lệnh, tôi đã trở lại kinh doanh. – gfahs

+0

Nó hoạt động cho tôi. Giống như @gfahs, tôi cần khởi động lại thiết bị đầu cuối React Packager. – iwan

4

Tôi có cùng một vấn đề ngày hôm qua và con đường của tôi là:
1. Đến node_modules và loại bỏ babel-preset-react-native thư mục.
2. Trong loại dự án gốc: npm install [email protected] --save-dev

Hy vọng bạn sẽ giải quyết vấn đề này.

+0

Cảm ơn bạn đã trả lời! Những gợi ý khác đã làm việc - nhưng tôi hoàn toàn giữ nó trong túi sau, trong trường hợp tôi gặp lại vấn đề. – gfahs

-2

Tôi có cùng một vấn đề ngày hôm qua và con đường của tôi là:

  1. Đến node_modules và loại bỏ babel-preset-react-native thư mục.
  2. Trong loại dự án gốc:
    npm install [email protected] --save-dev

Hy vọng bạn được giải quyết này.

Cảm ơn GaBACK

+0

Vui lòng sử dụng nhận xét vì đây không phải là câu trả lời mới. – Florensvb

Các vấn đề liên quan