1

私は何をしようとしていますか？ node モジュールと 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

質問？ watchify/browserify を使用するには webpack が必要ですか? es6+node コードを「コンパイル」するために必要なすべてのプリセットを使用しましたか? 私は何を逃したのですか？

4

1 に答える 1

7

このエラーは Adblocker の最近のバグが原因だと思います。https://issues.adblockplus.org/ticket/6744

Adblocker の有無にかかわらず、さまざまなブラウザーを試して、違いが生じるかどうかを確認してください。

于 2018-06-17T05:53:12.033 に答える