שואלת בשביל מישהי:
יש לי קומפוננטה שאני רוצה לעשות אותה גנרית ולהשתמש בה מכמה פרויקטים שונים.
במילים אחרות - ליצור npm module משלי.
ראיתי כמה מדריכים לזה ובסוף הצלחתי להגיע לתוצאה כמעט מלאה.
הבעיה שלי שכשאני מנסה להשתמש בזה אני מקבלת את השגיאה הבאה:
ניסיתי לסדר את ה babel/webpack קונפיג ולא הצלחתי.
ניסיתי לחקות ספריות קטנות יחסית ולראות מה הם עשו וממש לא הצלחתי להבין.
האם יש למישהו ניסיון עם יצירת node module עצמאי ויוכל להסביר לי איפה הבעיה?
(היא אמורה להיות בקוד של הספריה המשותפת, כמובן)
או לחילופין אשמח לשמוע על רעיון אחר של שיתוף קוד בין repositories שונים.
תודה רבה!
זה הקוד של הקומפוננט המשותפת
וזה הindex.js שהוא הentry point שמופיע כmain בpackage.json
יש לי קומפוננטה שאני רוצה לעשות אותה גנרית ולהשתמש בה מכמה פרויקטים שונים.
במילים אחרות - ליצור npm module משלי.
ראיתי כמה מדריכים לזה ובסוף הצלחתי להגיע לתוצאה כמעט מלאה.
הבעיה שלי שכשאני מנסה להשתמש בזה אני מקבלת את השגיאה הבאה:
קוד:
./node_modules/@XXX/settings/src/Settings.tsx 3:11
Module parse failed: Unexpected token (3:11)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import React from 'react'
|
const Settings: React.FC<{ onClickSettings: () => {}; className: string }> = ({ onClickSettings, className }) => {
| return (
| <button className={className} onClick={onClickSettings}>General Settings</button>
ניסיתי לחקות ספריות קטנות יחסית ולראות מה הם עשו וממש לא הצלחתי להבין.
האם יש למישהו ניסיון עם יצירת node module עצמאי ויוכל להסביר לי איפה הבעיה?
(היא אמורה להיות בקוד של הספריה המשותפת, כמובן)
או לחילופין אשמח לשמוע על רעיון אחר של שיתוף קוד בין repositories שונים.
תודה רבה!
זה הקוד של הקומפוננט המשותפת
JavaScript:
import React from 'react'
const Settings: React.FC<{ onClickSettings: () => {}; className: string }> = ({ onClickSettings, className }) => {
return (
<button className={className} onClick={onClickSettings}>General Settings</button>
)
}
export default Settings;
JavaScript:
import Settings from './Settings';
export {
Settings
}