我有一个使用React开发的父代码库,其中包含一个子代码库(也是用React开发的):
项目文件夹结构如下:
parent
/.git
/nodemodule
/src
/subModules/childProject
/.git
/src
/js
/x.jsx // i want this file from parent project
/...
/...
我想从父级项目中访问和使用x.jsx
组件。我在父项目中通过以下方式导入它:
import X from '../subModules/childProject/src/js/x.jsx'
但是它给了我一个“unexpected token(意外的标记)”!
7 | return (
> 8 | <article className="center">
| ^
9 | this is test global component with in child Project
10 | </article>
11 | )
看起来它无法转换,因为我只是用旧的JavaScript方式编写了一个测试函数,例如:
export default function test(x) {
return x * 2
}
它成功导入,没有报错,并且可以工作,但是当我像下面这样用箭头函数写函数时:
export default function test(x) => x * 2
它不能工作。看起来这只是模块转译的运行时错误,我该如何将子模块中的React组件转译并导入到父存储库中?
create-react-app
?您使用的是哪个版本?看起来您只需要一个.babelrc
文件。 - ajorquera