使用 watchify 打包后出现 blob 错误

Question

我想做什么？ 我想使用节点模块和 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

我的 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 吗？我是否使用了 "compiling" es6+node 代码所需的所有预设？我错过了什么？

Answer 1

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

尝试使用和不使用 Adblocker 的不同浏览器，看看是否会有所不同。

使用 watchify 打包后出现 blob 错误

get blob error after using watchify to make a bundle

javascript

ecmascript-6

watchify