javascript - 其他项目(例如ASP.NET MVC)中的Polymer 3-创建可重用的组件(PolymerElements)

我正在尝试在ASP.NET MVC应用程序中创建和重用Polymer 3组件。现在，我不确定我是否正确解决了该问题。
首先，我想运行IIS Express中的所有程序。

现在我有这个问题：

Uncaught TypeError: Failed to resolve module specifier "@polymer/polymer/polymer-element.js".
Relative references must start with "/", "./", or "../".

这是我的代码：
Index.cshtml：

    <head>
    <script src="~/Scripts/PolymerApp/node_modules/@("@webcomponents")/webcomponentsjs/webco
       mponents-loader.js"></script>
       <script type="module" src="~/Scripts/PolymerApp/first-element.js">
       </script>
    </head>

    <h2>Index</h2>
    <div>
        <first-element></first-element>
    </div>

这是我的first-element.js：

 import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';

class FirstElement extends PolymerElement {
  static get template() {
    return html`
      <style>
        :host {
          display: block;
        }
      </style>
      <h2>Hello [[prop1]]!</h2>
    `;
  }
  static get properties() {
    return {
      prop1: {
        type: String,
        value: 'first-element',
      },
    };
  }
}

window.customElements.define('first-element', FirstElement);

我是通过cmd：polymer init创建的，然后选择了元素模板。
当我在Polymer的localhost上通过Polymer服务运行它时，它可以工作，所以我猜正在进行一些构建过程。

提前致谢。我希望我能描述一切。

最佳答案

如果.js导入路径是这样开始的：

  来自'@polymer / ...'

Polymer 3具有命令“ polymer build”，该命令会自动将路径转换为实际位置：
之前：

  来自“ @ polymer / polymer / polymer-element.js”；

后：

  来自“ ./node_modules/@polymer/polymer/polymer-element.js”；

您可以在前面键入./node_modules/来跳过使用聚合物构建命令行工具。

关于javascript - 其他项目(例如ASP.NET MVC)中的Polymer 3-创建可重用的组件(PolymerElements)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50506748/