Signature_pad: membangun kesalahan dengan Vue+webpack

Dibuat pada 22 Agu 2018  ·  5Komentar  ·  Sumber: szimek/signature_pad

Masalah sebagai judul,
Versi Vue: 2.5.15
Versi paket web: 3.11.0
Saat npm menjalankan build:sandbox , kesalahan seperti di bawah ini:

ERROR in 98.145f98ef3cbd11bd2670.js from UglifyJs
Unexpected token: name (Point) [./node_modules/signature_pad/dist/signature_pad.m.js:6,0][98.145f98ef3cbd11bd2670.js:15,6]

  Build failed with errors.

Komentar yang paling membantu

@kevinchung1026 Kemarin saya mendapat masalah yang sama. Saya membuat walkover dan memperbaikinya dengan menambahkan aturan tambahan ke webpack saya.

{
        test: /\.js?$/,
        include: [/node_modules\/signature_pad/],
        use: [
          {
            loader: 'babel-loader',
            options: {
              cacheDirectory: true,
              presets: [['env', { 'modules': false, 'targets': { 'node': 4 } }]]
            }
          }
        ],
      },

Semoga membantu Anda juga

Semua 5 komentar

Sepertinya Anda menggunakan UglifyJS versi lama, yang hanya menangani kode ES5. Kode di signature_pad.m.js menggunakan fitur ES6+. Jadi, jika Anda ingin mengecilkannya menggunakan versi UglifyJS, Anda harus mengompilasinya terlebih dahulu ke ES5 menggunakan misalnya Babel. Anda juga dapat menggunakan signature_pad.umd.js , yang sudah dikompilasi ke ES5.

@kevinchung1026 Kemarin saya mendapat masalah yang sama. Saya membuat walkover dan memperbaikinya dengan menambahkan aturan tambahan ke webpack saya.

{
        test: /\.js?$/,
        include: [/node_modules\/signature_pad/],
        use: [
          {
            loader: 'babel-loader',
            options: {
              cacheDirectory: true,
              presets: [['env', { 'modules': false, 'targets': { 'node': 4 } }]]
            }
          }
        ],
      },

Semoga membantu Anda juga

tidak apa-apa sekarang, thx all

Menurut https://github.com/rollup/rollup/wiki/pkg.module apa pun yang ditentukan dalam bidang module dari file package.json harus menggunakan hanya sintaks modul ES2015, tetapi sisa kode diharapkan ikuti sintaks dari versi lingkungan JS minimum yang diperlukan paket.

Saat ini tidak mungkin untuk menggunakan modul ini di luar kotak dengan webpack (karena secara default lebih suka module main ) (lihat https://webpack.js.org/configuration/resolve/ #resolve-mainfields) sama dengan modul lainnya. Oleh karena itu diperlukan beberapa penyesuaian khusus ini ke sistem pembangunan (seperti yang ditunjukkan di atas) untuk memaksa babel mentranspile modul khusus ini dari direktori

Saya kira menambahkan bidang browser ke dalam package.json mungkin merupakan solusi cepat.

Halo!

Saya menggunakan sudut 2 dan versi lama dari UglifyJS dan memiliki KESALAHAN yang sama dengan uglifyJS + signature_pad.

Saya memecahkan masalah dengan bantuan jawaban di atas, menambahkan aturan webpack baru

{ test: /\.js?$/, include: [/node_modules\/signature_pad/], use: [ { loader: 'babel-loader' } ], }

DAN saya harus menggunakan pemuat babel yang lebih lama dengan webpack 2
paket.json:

"devDependencies": {
....
"babel-core": "^5.4.7",
"babel-loader": "^5.1.3"
}

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

derUli picture derUli  ·  3Komentar

MarcGodard picture MarcGodard  ·  8Komentar

rmmackay picture rmmackay  ·  7Komentar

chenks picture chenks  ·  7Komentar

siggifv picture siggifv  ·  3Komentar