Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

bug: source maps not working as expected, warnings on react-scripts 5

Đang mở
#247 4 bình luận 3 reaction 0 người được giao Xem trên GitHub

@Reggino đang làm issue này rồi.

Từ ngày 8/8/2023.

  • #310 của @Reggino — đang mở
  • #327 của @terencehonles — đang mở

Đánh giá

Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
35/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
react, typescript
Lĩnh vực
build-system, frontend

Hướng nghiên cứu

Bắt đầu với repository tái hiện được liên kết và các bước ionic start, npm install @ionic/storage, và ionic serve; kiểm tra Home.tsx, nơi Storage được import. Tái hiện cảnh báo source map với react-scripts 5 và xác minh rằng Ionic Storage cùng các thư viện khác được liệt kê đều được tải mà không có lỗi parsing đã báo cáo.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Ionic Team note: This is a continuation of https://github.com/ionic-team/ionic-framework/issues/24848.

Prerequisites
Ionic Framework Version
  • v4.x
  • v5.x
  • v6.x
Current Behavior

Libraries (Ionic storage, Capacitor Radar, Capacitor Community Camera Preview) don't load correctly. For Ionic Storage, ionic serve gives an error:

[react-scripts] Failed to parse source map from 'C:\Users\USER\Desktop\FOLDER\ionic-6-testing\node_modules\@ionic\storage\src\index.ts' file: Error: ENOENT: no such file or directory, open 'C:\Users\USER\Desktop\FOLDER\ionic-6-testing\node_modules\@ionic\storage\src\index.ts'
Expected Behavior

In Ionic 5 the same process doesn't produce an error and the libraries work.

Steps to Reproduce
ionic start bug-testing blank --type=ionic-react
cd bug-testing
npm install @ionic/storage

Add the following line to Home.tsx:

import { Storage } from "@ionic/storage";
const store = new Storage();
Code Reproduction URL

https://github.com/villepaananen/ionic-6-enoent-error

Ionic Info
[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package'

       Require stack:
       - C:\Users\USER\AppData\Roaming\npm\node_modules\@ionic\cli\lib\project\index.js
       - C:\Users\USER\AppData\Roaming\npm\node_modules\@ionic\cli\lib\index.js
       - C:\Users\USER\AppData\Roaming\npm\node_modules\@ionic\cli\index.js
       - C:\Users\USER\AppData\Roaming\npm\node_modules\@ionic\cli\bin\ionic
[WARN] Error loading @capacitor/android package.json: Error: Cannot find module '@capacitor/android/package'

       Require stack:
       - C:\Users\USER\AppData\Roaming\npm\node_modules\@ionic\cli\lib\project\index.js
       - C:\Users\USER\AppData\Roaming\npm\node_modules\@ionic\cli\lib\index.js
       - C:\Users\USER\AppData\Roaming\npm\node_modules\@ionic\cli\index.js
       - C:\Users\USER\AppData\Roaming\npm\node_modules\@ionic\cli\bin\ionic

Ionic:

   Ionic CLI       : 6.18.1 (C:\Users\USER\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework : @ionic/react 6.0.9

Capacitor:

   Capacitor CLI      : 3.4.1
   @capacitor/android : not installed
   @capacitor/core    : 3.4.1
   @capacitor/ios     : not installed

Utility:

   cordova-res : 0.15.4
   native-run  : 1.5.0

System:

   NodeJS : v16.14.0 (C:\Program Files\nodejs\node.exe)
   npm    : 8.5.2
   OS     : Windows 10
Additional Information

No response

Ngôn ngữ chính
TypeScript
Star
456
Fork
97
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của ionic-team/ionic-storage

Tất cả issue của ionic-team/ionic-storage

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.