如何将stenciljs组件导入配置有require的另一个项目中？

Question

我已经开发了一个示例模板组件，可以在我现有的项目中使用，它具有通过require js加载的所有依赖项。我无法导入到现有项目。

我在模板项目的module中尝试了amd值commonjs，es3和目标es5，tsconfig.json的不同配置，但似乎没有一个起作用。

模版构建后，dist文件夹结构如下：

+ cjs
+ collection
+ esm
+ fonts
+ icons
+ index.js
+ loader
+ types
+ my-component.json
+ my-component
   - fvhzbl6z.entry.js
   - fvhzbl6z.es5.entry.js
   - fvhzbl6z.sc.entry.js
   - fvhzbl6zsc.es5.entry.js
   - my-component.abuimksq.js
   - my-component.u8wgqi9a.js
+ my-component.js         /* I'm trying to import this file */

我尝试将my-component文件夹和my-component.js复制到一个单独的文件夹，并在示例html文件中引用了my-component.js，并且可以正常工作。但是将其导入到现有项目中会引发错误。

require([
    'jquery',
    'lib/bluebird',
    'lib/mycomponent/my-component'
],
function (
    $,
    Promise,
    MyComponent
) {
    'use strict';

    /* some stuff here */

}

我遇到以下错误：

Running "requirejs:dist" (requirejs) task Error: Parse error using esprima for file: /Users/sudouser/Downloads/jsproject/dist/tmp/js/lib/stencilcomponent/my-component/fvhzbl6z.entry.js Error: Line 1: Unexpected token In module tree: app