Question

我最近开始玩rollupjs。根据可用的文档配置所有内容并捆绑后，我从外部库中收到许多关于未定义对象的错误。这种错误：来自crypto-js的Cannot read property 'parse' of undefined。它在代码中抱怨这一行：var ciphertext = Base64.parse(openSSLStr)。所以Base64未定义。来自不同外部库的错误很少。

我使用了一些外部依赖项： chart.js之，加密JS，秘银，时刻，以复数

所有这些都与jspm完美配合。我决定尝试使用汇总来加快速度，因为jspm目前很慢。现在，我的一半外部依赖关系停止了工作。我得到了“未定义的东西”和“......不是函数”只有来自外部库的错误。

可能是什么原因造成的？

这是我的rollup.config.js

import babel from 'rollup-plugin-babel';
import npm from 'rollup-plugin-npm';
import commonjs from 'rollup-plugin-commonjs';
import uglify from 'rollup-plugin-uglify';

    export default {
      entry: 'app/scripts/application/main.js',
      format: 'cjs',
      plugins: [
        npm({
          jsnext: true,
          main: true,
        }),
        babel({
          exclude: 'node_modules/**',
          presets: [ 'es2015-rollup' ],
        }),
        commonjs(),
        uglify(),
      ],
      dest: 'static/js/application.js',
    };

如果需要任何其他细节，请告诉我。

感谢。

修改

我做了一个简单的测试 - 再现捆绑那些在我的应用程序中产生错误的库。

的package.json

{
  "name": "minion",
  "private": true,
  "babel": {
    "presets": [
      "es2015-rollup"
    ]
  },
  "dependencies": {
    "chart.js": "^1.0.2",
    "crypto-js": "^3.1.6",
    "mithril": "^0.2.2-rc.1",
    "moment": "^2.11.1",
    "pluralize": "^1.2.1"
  },
  "devDependencies": {
    "babel-preset-es2015-rollup": "^1.1.1",
    "rollup-plugin-babel": "^2.3.9",
    "rollup-plugin-commonjs": "^2.2.0",
    "rollup-plugin-npm": "^1.3.0",
    "rollup-plugin-uglify": "^0.1.0"
  }
}

rollup.config.js

import babel from 'rollup-plugin-babel';
import npm from 'rollup-plugin-npm';
import commonjs from 'rollup-plugin-commonjs';
import uglify from 'rollup-plugin-uglify';

export default {
  entry: 'app/main.js',
  format: 'cjs',
  plugins: [
    npm({
      jsnext: true,
      main: true,
    }),
    babel({
      exclude: 'node_modules/**',
      presets: [ 'es2015-rollup' ],
    }),
    commonjs(),
    //uglify(),
  ],
  dest: 'static/js/app.js',
}

main.js

import Application from './application'
import pluralize from 'pluralize'


var text = Application.run()

console.log(`Testing encryption: ${text}`)
console.log(`Testing pluralization: ${pluralize('person')}`)

的application.js

import crypt from 'crypto-js'

var Application = {
    run() {
      var ciphertext = crypt.AES.encrypt('Testing encryption...', 'password')
      var bytes  = crypt.AES.decrypt(ciphertext.toString(), 'password')
      return bytes.toString(crypt.enc.Utf8)
    }
}

export default Application

运行上述操作会产生错误。

Answer 1

猜测：可能是汇总和/或加密的错误。

我尝试在Node Red中运行js函数时遇到类似的错误，当我在本地运行js时它是正常的但是当远程运行时它会抛出TypeError: Cannot read property 'split' of undefined。

我的代码与你的代码唯一的共同点是两者都使用加密技术，特别是crypto-js 3.1.2汇总“hmac-sha256.js”并且代码不是导入但是原始的。

即使删除了'split'的唯一实例，但我无法解决它（但仍在本地运行）

Rollup.js：外部依赖项中的未定义对象

1 个答案: