Vue组件库无法正确导出

Question

我最近创建了vue.js组件库，并使用以下命令对其进行了构建：

"build-lib": "vue-cli-service build --target lib --name vue-range-date-picker src/main.js"

在main.js文件中，我以这种方式导出了我的组件：

import VueDateRangePicker from "./components/VueDateRangePicker" // my component with scss and images included;

export default VueDateRangePicker;

注意，我在组件中使用了 SCSS 和一些图像

我还在package.json文件中添加了以下代码行：

{
  ...

  "main": "./dist/vue-range-date-picker.common.js",
  "files": [
    "dist/*",
    "src/*",
    "public/*",
    "*.json",
    "*.js"
  ],

  ...
}

最后在另一个项目中本地导入并使用我的包

package.json：

"dependencies": {
    ...
    "vue-persian-range-date-picker": "file:../../vue-persian-range-date-picker"
  }

我有两个主要问题：

1. 我导入的库的功能完全可以，但是未加载其样式和图像
2. 我收到以下错误：

Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>

可以找到错误的再现here