如何在 pwa studio 项目中安装任何软件包答案

【问题标题】：How to install any package in pwa studio project如何在 pwa studio 项目中安装任何软件包
【发布时间】：2021-12-11 14:27:25
【问题描述】：

我正在从事 PWA 工作室 Magento 项目，这是我第一次与 PWA 工作室合作。我不知道如何在 PWA studio 项目中安装包。当我得到这个项目并且它工作正常，但是当我添加一个新的 npm 包并导入并使用它，然后当我运行 yarn run watch:siminia 时它显示了一个错误。

我是如何安装包的

我只是导航到我的项目文件夹
我在这里安装了包

项目文件夹/包/siminia/

并用在

projectfolder/packages/siminia/src/simi/App/Bianca/RootComponents/Product/ProductFullDetail/ProductImage/index.js

然后我运行 yarn run watch:siminia 它显示一个错误

TypeError: Cannot read property 'type' of undefined
    at Parser.match (/home/bilal/Desktop/biancanera/node_modules/@magento/directive-parser/src/Parser.js:67:22)
    at Parser.parseDirective (/home/bilal/Desktop/biancanera/node_modules/@magento/directive-parser/src/Parser.js:43:19)
    at Parser.parse (/home/bilal/Desktop/biancanera/node_modules/@magento/directive-parser/src/Parser.js:29:14)
    at module.exports (/home/bilal/Desktop/biancanera/node_modules/@magento/directive-parser/src/Parser.js:168:58)
    at comments.reduce (/home/bilal/Desktop/biancanera/node_modules/@magento/directive-parser/src/index.js:12:38)
    at Array.reduce (<anonymous>)
    at parseDirectives (/home/bilal/Desktop/biancanera/node_modules/@magento/directive-parser/src/index.js:11:40)
    at Promise.all.rootComponentFiles.map (/home/bilal/Desktop/biancanera/packages/siminia/node_modules/@magento/pwa-buildpack/dist/WebpackTools/plugins/makeMagentoRootComponentsPlugin/index.js:75:13)
Done in 4.50s.

我不知道我做错了什么。

【问题讨论】：

标签： reactjs magento progressive-web-apps

【解决方案1】：

您应该为附加包创建一个单独的文件夹。然后，您可以从 pwa 项目中的 local-intercept.js 文件调用附加模块。如果 siminia 文件夹是包含 pwa 代码的主文件夹，您应该创建另一个与 siminia 同级的文件夹，并将附加模块的整个代码复制到其中。

【讨论】：