javascript - 如何使用聚合物 3 正确定义 node_modules 的路径

Question

我应该如何使用聚合物 3 在我的 WebComponent 中定义导入部分。

目前我有：

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

我的目录结构如下：

我收到一个错误：（索引）：7 GET http://127.0.0.1:8001/components/ing-dr-plan-details/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js 404（未找到)

Answer 1

它不是 100% 清楚您放置聚合物配置的位置，但我假设您在 my-web-component 文件夹中拥有所有内容。即您的节点模块也应该在该文件夹中，另请参见 doc。

Answer 2

您拥有的导入代码

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

并且错误彼此无关，终端正在抱怨丢失的@webcomponentsjs包。

这是因为在 Polymer 3 中，@webcomponentsjs默认情况下dependencies不再包含 package（它曾经在 Polymer 2 中）。您需要手动安装@webcomponentsjs：

npm install @webcomponentsjs