webcomponents-lite.js

时间:2017-01-11 21:03:54

标签: javascript webpack web-component

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

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页面上运行,没有错误。

有没有人有这方面的经验?

EDIT ::::

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

1 个答案:

答案 0 :(得分:0)

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

你也可以使用凉亭来获取它:

> bower i -S webcomponentsjs

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