使用watchify制作一个包后得到blob错误

时间:2018-06-16 13:22:21

标签: javascript ecmascript-6 watchify

我想做什么? 我想使用节点模块和es6 javascript语法创建一个项目。为了使其尽可能模块化和独立,我决定改用watchify。 我的html页面看起来像这样

...some unrelated html code

<dib id='content'></div>
<script type='text/javascript' src='correct(checked) path to my bundle.js file'></script>

...some unrelated html code

my whatchify命令看起来像这样

watchify src/app.js -o destination/bundle.js -t [babelify --presets [ es2015 ] ]

虽然我的受抚养人看起来像这样

"dependencies": {
    "bluebird": "^3.5.1",
    "jquery": "^3.3.1",
    "three": "^0.92.0",
    "three-obj-exporter": "0.0.1",
    "three-obj-loader": "^1.1.3"
  },
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
    "babel-preset-env": "^1.6.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "babelify": "^8.0.0",
    "nodemon": "^1.17.4"
  }

现在我的src文件中没有多少我刚刚从test.js文件导入测试函数并且需要jquery。

import print from './taskobject';

function test(){
    return 0;
}

现在,我不明白? 字面上我什么都不做,但我仍然在控制台

中得到以下错误
GET blob:http://127.0.0.1/fbfa8eff-f538-42cf-aa2d-ae2940247aaf 0 ()
(anonymous) @ inject.preload.js:373
__webpack_require__ @ bootstrap a58e717ca664391e8660:19
splitSelector.splitSelector @ common.js:103
__webpack_require__ @ bootstrap a58e717ca664391e8660:19
exports.textToRegExp @ bootstrap a58e717ca664391e8660:62
(anonymous) @ bootstrap a58e717ca664391e8660:62

一个问题? 我需要webpack来使用watchify / browserify吗?我是否使用了“编译”es6 +节点代码所需的所有预设?我错过了什么?

1 个答案:

答案 0 :(得分:7)

我认为此错误是由Adblocker中最近的错误引起的。 https://issues.adblockplus.org/ticket/6744

尝试使用和不使用Adblocker的不同浏览器,看看是否会产生影响。