【问题标题】:Error in webcomponents-lite.jswebcomponents-lite.js 中的错误
【发布时间】:2017-05-26 19:41:58
【问题描述】:

尝试运行应用程序时在控制台中收到此错误代码。

webcomponents-lite.js:64Uncaught TypeError: Cannot read property 'getAttribute' of null
    at webcomponents-lite.js:64
    at Object.549 (webcomponents-lite.js:74)
    at __webpack_require__ (bootstrap a218042…:52)
    at Object.1242 (webcomponents.bundle.js:8)
    at __webpack_require__ (bootstrap a218042…:52)
    at webpackJsonpCallback (bootstrap a218042…:23)
    at webcomponents.bundle.js:2

这就是我使用 webpack 实例化脚本的方式:

    entry: {
               'polyfills': './src/polyfills.browser.ts',
               'vendor': './src/vendor.browser.ts',
               'main': './src/main.browser.ts',
               'webcomponents': './bower_components/webcomponentsjs/webcomponents-lite.js',
 },

使用 webpack 入口对象时出现此错误,但如果我改为使用:

<script src="/webcomponentsjs/webcomponents-lite.js"></script>

在我的 index.html 页面上它可以正常工作,没有错误。

有人有这方面的经验吗?

编辑::::


我的同事和我有相同版本的 bower_components 和 node_components,删除并重新安装了所有内容。他的作品和我的作品没有。当我们查看 bower_components 文件时,我们注意到我们有不同的文件和文件夹(不知道如何)。在将他们项目中的 bower_components 文件发送给我并用他们的替换我的 bower 文件后,它工作了......

【问题讨论】:

  • 在解决问题方面我们没有太多工作要做......
  • 能否请您在遇到此问题的地方发布代码。
  • 根据 git repo,它的构建无论如何都失败了,截至目前:github.com/webcomponents/webcomponentsjs
  • 更新了参赛作品,还有其他想看的吗?
  • @Bobort 当我使用脚本标签时它可以工作,所以我不认为这是一个损坏的构建。

标签: javascript webpack web-component


【解决方案1】:

您似乎没有使用正确版本的webcomponents-lite.js。正如@Bobort 建议的那样,当前分支不起作用。删除您已安装的版本,然后安装 last release

您也可以使用 bower 获取它:

> bower i -S webcomponentsjs

可能你在标签中导入的版本与你在 Webpack 中使用的版本不同。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-29
    • 2014-04-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多