在使用纱线工作区和lerna为vue和nuxt设置前端Monorepo时需要帮助 packages / ui-library packages / app

问题描述

我正在尝试使用yarn工作区和lerna为前端项目设置monorepo。 其中将包含所有应用程序包的共享组件库。

项目结构如下：

root
├── lerna.json
├── package.json
└── packages
   ├── ui-library
   │   ├── src/main.js
   │   ├── dist/library.common.js  
   │   └── package.json
   └── app

当我将ui-library导入app时，它会给我带来各种各样的棉绒错误。

---

packages / ui-library

1. 是由@vue/cli创建的常规vue项目。

   vue create ui-library

2. 公开来自src/App.vue

   的自动生成的组件src/main.js

   export { default as App } from './App'

3. 我添加了一个脚本来将项目构建为library

   vue-cli-service build --target lib --name library src/main.js

4. 构建脚本会与其他内容一起生成dist/library.common.js。

在ui-library/package.json中，

{
  "name": "@<org>/ui-library","version": "0.0.1-alpha","private": true,"main": "./dist/library.common.js","scripts": {
    "build": "vue-cli-service build --target lib --name library src/main.js",},.
  .
  .
}

---

packages / app

1. 这是npx create-nuxt-app app创建的nuxt项目。

2. 我已经像这样安装了本地ui库包

   yarn workspace app add @<org>/ui-library@0.0.1-alpha

成功完成。

除了像这样在pages/index.vue中导入App组件之外，我在这里什么都没做

<template>
  <app />
</template>

<script>
import { App } from '@<org>/ui-library'

export default {
  components: {
    App
  }
}
</script>

但是由于棉绒错误，应用无法运行。

$ yarn workspace app dev
.
.
app: path\to\packages\ui-library\dist\library.common.js
app:    88:10  error  Unexpected newline between function and ( of function call
                                  no-unexpected-multiline
app:    97:42  error  '_unused_webpack_default_export' is assigned a value but never used
                                  no-unused-vars
app:   102:17  error  'module' is defined but never used
                                  no-unused-vars
.
.
app:    97:42  error  '_unused_webpack_default_export' is assigned a value but never used
                                  no-unused-vars
app:   102:17  error  'module' is defined but never used
                                  no-unused-vars'HelloWorldvue_type_style_index_0_id_b9167eee_scoped_true_lang_css_' is assigned a value but never used  no-unused-vars
app:   449:5   error  'Appvue_type_style_index_0_lang_css_' is assigned a value but never used                                 no-unused-vars
app: ✖ 17 problems (17 errors,0 warnings)
app:   1 error and 0 warnings potentially fixable with the `--fix` option.

忽略这些皮棉错误的方法是什么，或者我的方法不正确？ 任何帮助都感激不尽。预先感谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）