构建 React 小部件时包裹输出 "cannot resolve dependency"

Question

所以我正在尝试构建一个 React 小部件。我已经完成了这个应用程序，它作为一个 React 应用程序运行良好，但是当我尝试使用 parcel 作为一个小部件构建它以便我能够将它嵌入任何网站时，这就是我运行时得到的结果小部件构建命令。

parcel build src/index.tsx --no-source-maps -d widget && cp build/static/css/*.css widget/index.css

C:\Users\Genral Walker\Desktop\Coding\my-personal-works\PneumaCareHQ\consult-widgets\src\App.tsx:17:28: Cannot resolve dependency 'layouts/DashboardLayout'

这是我的脚本包json

"scripts": {
    "eject": "react-scripts eject",
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "build:widget": "parcel build src/index.tsx --no-source-maps -d widget && cp build/static/css/*.css widget/index.css"
  },

Answer 1

好的，在 Andrew, I was able to use package package aliases 的帮助下解决了这个问题。

我在 package.json 别名块中插入了被解析为模块的组件以防止出现这种情况。

一个简单的例子：如果你有一个组件你想用绝对导入方法导入 import ComponentName from 'component/RouteComposer'; 。为了避免运行在构建时出错，在package.json的别名块中插入这个"component*": "./src/component/",。

构建 React 小部件时包裹输出 "cannot resolve dependency"

Parcel outputs "cannot resolve dependency" when building react widget

reactjs

widget

parceljs

react-widgets