小编Han*_*end的帖子

通过热重载导入本地 TypeScript React 包作为依赖项

我目前遇到以下问题,我想使用本地react包(my-react-package)作为另一个react应用程序()中的依赖项my-react-app,两者都是用打字稿编写的。

\n
\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 my-react-app\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 package.json\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 src\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 my-react-package\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 package.json\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 src\n
Run Code Online (Sandbox Code Playgroud)\n

my-react-package我正在通过"my-react-package": "file:../my-react-package",in导入my-react-app/package.json

\n

当使用它dist的构建输出时my-react-package,它工作得很好,但是每次我进行更改时,我都需要再次构建它,这对于开发来说非常耗时。

\n

这就是为什么我尝试my-react-package/src直接使用反应代码。但是当 my-react-package/package.json"main": "dist/index.js",更改为 时"main": "src/index.ts",导入它会导致以下错误my-react-app

\n
./node_modules/my-react-package/src/hooks/state/session.ts 34:31\nModule parse failed: Unexpected token (34:31)\nYou 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\n| import { useState, Dispatch, SetStateAction …
Run Code Online (Sandbox Code Playgroud)

package typescript reactjs webpack create-react-app

6
推荐指数
1
解决办法
3411
查看次数

标签 统计

create-react-app ×1

package ×1

reactjs ×1

typescript ×1

webpack ×1