Polymer 3构建生成0字节的my-app.js

我似乎遇到了类似的问题

文件我的app.js：

import {PolymerElement, html} from "../node_modules/@polymer/polymer/polymer-element.js";
import "../node_modules/@polymer/polymer/lib/elements/dom-if.js";
import "../node_modules/@polymer/app-route/app-location.js";
import "../node_modules/@polymer/app-route/app-route.js";

class MyApp extends PolymerElement {
...
}
customElements.define('my-app',MyApp);

{
    "entrypoint":"index.html"
    ,"shell":"src/my-app.js"
    ,"builds":[
        {
            "preset":"es5-bundled"
            ,"addServiceWorker": false
        }
    ]
}

"builds":[
    { 
        "name": "dev",
        "addServiceWorker": false,
        "js": {"minify": false, "compile": false},
        "css": {"minify": false},
        "html": {"minify": false},
        "bundle": false,
        "addPushManifest": false
    }
]

文件polymer.json：

import {PolymerElement, html} from "../node_modules/@polymer/polymer/polymer-element.js";
import "../node_modules/@polymer/polymer/lib/elements/dom-if.js";
import "../node_modules/@polymer/app-route/app-location.js";
import "../node_modules/@polymer/app-route/app-route.js";

class MyApp extends PolymerElement {
...
}
customElements.define('my-app',MyApp);

{
    "entrypoint":"index.html"
    ,"shell":"src/my-app.js"
    ,"builds":[
        {
            "preset":"es5-bundled"
            ,"addServiceWorker": false
        }
    ]
}

"builds":[
    { 
        "name": "dev",
        "addServiceWorker": false,
        "js": {"minify": false, "compile": false},
        "css": {"minify": false},
        "html": {"minify": false},
        "bundle": false,
        "addPushManifest": false
    }
]

命令polymer build生成0字节的文件my app.js。根据我的肉眼，所有其他构建的文件看起来都是正确的（至少它们没有被截断为0字节）

然后，我使用以下“dev”polymer.json重新构建了应用程序：

import {PolymerElement, html} from "../node_modules/@polymer/polymer/polymer-element.js";
import "../node_modules/@polymer/polymer/lib/elements/dom-if.js";
import "../node_modules/@polymer/app-route/app-location.js";
import "../node_modules/@polymer/app-route/app-route.js";

class MyApp extends PolymerElement {
...
}
customElements.define('my-app',MyApp);

{
    "entrypoint":"index.html"
    ,"shell":"src/my-app.js"
    ,"builds":[
        {
            "preset":"es5-bundled"
            ,"addServiceWorker": false
        }
    ]
}

"builds":[
    { 
        "name": "dev",
        "addServiceWorker": false,
        "js": {"minify": false, "compile": false},
        "css": {"minify": false},
        "html": {"minify": false},
        "bundle": false,
        "addPushManifest": false
    }
]

构建的my app.js与此“dev”配置看起来是正确的。但是，浏览器的源窗口在以下第一行下以红色突出显示：

import {PolymerElement, html} from "../node_modules/@polymer/polymer/polymer-element.js";
import "../node_modules/@polymer/polymer/lib/elements/dom-if.js";
import "../node_modules/@polymer/app-route/app-location.js";
import "../node_modules/@polymer/app-route/app-route.js";

控制台窗口会显示这条奇怪的消息：

Uncaught TypeError: Failed to resolve module specifier "@polymer/polymer/polymer-legacy.js". Relative references must start with either "/", "./", or "../".          (index):1 

我已经搜索了我所有的.js文件和目录./node\u modules/，没有找到任何包含polymer legacy.js的文件

我们将非常感谢您的帮助

编辑 谢谢大家的关注！ 这些奇怪的症状是由陈旧的polymer 1.6.0引起的，它安装在/usr/local/bin/polymer。

---

polymer 1.7.2已经解决了这些问题。

因此您已经尝试使用

--module resolution=node

？@Umbo运行了

polymer build

。@Umbo感谢您的帮助。这些问题随着polymer 1.7.2的出现而消失。在我的例子中，“清除浏览器缓存”修复了它。