npm run build 报错 [logic] 找不到模块文件: /crypto-js

[kevintcl]

描述问题 (Describe the bug)

dmcc build -s dist2 编译出错

复现步骤 (To Reproduce)

1.创建了一个简单的小程序，
2.用npm 引入了"crypto-js": "^4.2.0"。
package.json 配置如下
{
"name": "xxx",
"version": "1.0.0",
"description": "",
"license": "ISC",
"author": "",
"type": "commonjs",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1",
"build": "dmcc build -s dist2"
},
"dependencies": {
"@vant/weapp": "^1.11.7",
"crypto-js": "^4.2.0",
"miniprogram-computed": "^7.1.0",
"westore": "^0.1.12"
},
"devDependencies": {
"@dimina/compiler": "file:.yalc/@dimina/compiler"
}
}
3.微信构建工具，构建miniprogram_npm
4. 在app.js 中引入了crypto-js： const CryptoJS = require('crypto-js');
// app.js
const CryptoJS = require('crypto-js');
App({
onLaunch() {
// 展示本地存储能力
let xx = this.encryPwd('123')
console.log('加密后：', xx)
const logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
        success: res => {
            // 发送 res.code 到后台换取 openId, sessionKey, unionId
        }
    })
},
globalData: {
    userInfo: null
},
encryPwd(orgPwd) {
    let data = orgPwd
    var key = 'zydFwQbfrNhTvJaP'
    console.log("data=" + data)
    key = CryptoJS.enc.Latin1.parse(key)
    var iv = key
    // 加密
    var encrypted = CryptoJS.AES.encrypt(
        data,
        key, {
        iv: iv,
        mode: CryptoJS.mode.CFB,
        padding: CryptoJS.pad.NoPadding
    })
    let pwd = encrypted.toString()
    console.log('encrypted:', pwd);
    return pwd
},
decryptPwd(encryptedPwd) {
    var key = 'zYdFwQbLrNhTvJkP';
    key = CryptoJS.enc.Latin1.parse(key);
    var iv = key;

    // 解密
    var decrypted = CryptoJS.AES.decrypt(
        encryptedPwd,
        key, {
        iv: iv,
        mode: CryptoJS.mode.CFB,
        padding: CryptoJS.pad.NoPadding
    });

    // 将解密后的数据转换为字符串
    var decryptedText = decrypted.toString(CryptoJS.enc.Latin1);
    console.log('decrypted:', decryptedText);
    return decryptedText;
}

})

6. npm build ("build": "dmcc build -s dist2")报错：如下
dimina-wx-demo1 (master)% npm run build

zhsl-st-dcenter-miniapp@1.0.0 build
dmcc build -s dist2

██████╗ ██╗███╗ ███╗██╗███╗ ██╗ █████╗
██╔══██╗██║████╗ ████║██║████╗ ██║██╔══██╗
██║ ██║██║██╔████╔██║██║██╔██╗ ██║███████║
██║ ██║██║██║╚██╔╝██║██║██║╚██╗██║██╔══██║
██████╔╝██║██║ ╚═╝ ██║██║██║ ╚████║██║ ██║
╚═════╝ ╚═╝╚═╝ ╚═╝╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝

✔ 准备项目编译环境
✔ 开始编译:dimina-wx-demo1
✔ 输出编译产物

[npm-builder] 发现 1 个 miniprogram_npm 目录
[npm-builder] 构建目录: miniprogram_npm
[logic] 找不到模块文件: /crypto-js

复现链接 (Reproduce link)

No response

预期行为 (Expected behavior)

正常编译出代码

截图 (Screenshots)

No response

平台 (Platform)

• Android
• iOS
• Harmony
• Web

操作系统 (OS)

No response

浏览器/终端 (Browser/Terminal)

No response

其它相关环境信息 (Other info)

No response

补充信息 (Additional context)

No response

[kevintcl]

dimina-wx-demo1_2.zip 代码。

[kevintcl]

// const CryptoJS = require('crypto-js');
import CryptoJS from 'miniprogram_npm/crypto-js/index'; 我发现采用这种模式能找到crypto-js模块。但是由于crypto-js模块中又引入了其他模块如：
;(function (root, factory, undef) {
if (typeof exports === "object") {
// CommonJS
module.exports = exports = factory**(require("./core"), require("./x64-core"), require("./lib-typedarrays"), require("./enc-utf16"), require("./enc-base64"), require("./enc-base64url"), require("./md5"), require("./sha1"), require("./sha256"), require("./sha224"), require("./sha512"), require("./sha384"), require("./sha3"), require("./ripemd160"), require("./hmac"), require("./pbkdf2"), require("./evpkdf"), require("./cipher-core"), require("./mode-cfb"), require("./mode-ctr"), require("./mode-ctr-gladman"), require("./mode-ofb"), require("./mode-ecb"), require("./pad-ansix923"), require("./pad-iso10126"), require("./pad-iso97971"), require("./pad-zeropadding"), require("./pad-nopadding"), require("./format-hex"), require("./aes"), require("./tripledes"), require("./rc4"), require("./rabbit"), require("./rabbit-legacy"), require("./blowfish"));**
}
else if (typeof define === "function" && define.amd) {
// AMD
define(["./core", "./x64-core", "./lib-typedarrays", "./enc-utf16", "./enc-base64", "./enc-base64url", "./md5", "./sha1", "./sha256", "./sha224", "./sha512", "./sha384", "./sha3", "./ripemd160", "./hmac", "./pbkdf2", "./evpkdf", "./cipher-core", "./mode-cfb", "./mode-ctr", "./mode-ctr-gladman", "./mode-ofb", "./mode-ecb", "./pad-ansix923", "./pad-iso10126", "./pad-iso97971", "./pad-zeropadding", "./pad-nopadding", "./format-hex", "./aes", "./tripledes", "./rc4", "./rabbit", "./rabbit-legacy", "./blowfish"], factory);
}
else {
// Global (browser)
root.CryptoJS = factory(root.CryptoJS);
}
}(this, function (CryptoJS) {

return CryptoJS;

}));
又导致了其他模块找不到了。对这种非标准小程序npm。小程序对npm包做了处理如下：小程序构建后的npm
module.exports = (function() {
var MODS = {};
var DEFINE = function(modId, func, req) { var m = { exports: {}, _tempexports: {} }; MODS[modId] = { status: 0, func: func, req: req, m: m }; };
var REQUIRE = function(modId, source) { if(!MODS[modId]) return require(source); if(!MODS[modId].status) { var m = MODS[modId].m; m._exports = m._tempexports; var desp = Object.getOwnPropertyDescriptor(m, "exports"); if (desp && desp.configurable) Object.defineProperty(m, "exports", { set: function (val) { if(typeof val === "object" && val !== m._exports) { m._exports.proto = val.proto; Object.keys(val).forEach(function (k) { m._exports[k] = val[k]; }); } m._tempexports = val }, get: function () { return m._tempexports; } }); MODS[modId].status = 1; MODS[modId].func(MODS[modId].req, m, m.exports); } return MODS[modId].m.exports; };
var REQUIRE_WILDCARD = function(obj) { if(obj && obj.__esModule) { return obj; } else { var newObj = {}; if(obj != null) { for(var k in obj) { if (Object.prototype.hasOwnProperty.call(obj, k)) newObj[k] = obj[k]; } } newObj.default = obj; return newObj; } };
var REQUIRE_DEFAULT = function(obj) { return obj && obj.__esModule ? obj.default : obj; };
DEFINE(1768188401084, function(require, module, exports) {
;(function (root, factory, undef) {
if (typeof exports === "object") {
// CommonJS
module.exports = exports = factory(require("./core"), require("./x64-core"), require("./lib-typedarrays"), require("./enc-utf16"), require("./enc-base64"), require("./enc-base64url"), require("./md5"), require("./sha1"), require("./sha256"), require("./sha224"), require("./sha512"), require("./sha384"), require("./sha3"), require("./ripemd160"), require("./hmac"), require("./pbkdf2"), require("./evpkdf"), require("./cipher-core"), require("./mode-cfb"), require("./mode-ctr"), require("./mode-ctr-gladman"), require("./mode-ofb"), require("./mode-ecb"), require("./pad-ansix923"), require("./pad-iso10126"), require("./pad-iso97971"), require("./pad-zeropadding"), require("./pad-nopadding"), require("./format-hex"), require("./aes"), require("./tripledes"), require("./rc4"), require("./rabbit"), require("./rabbit-legacy"), require("./blowfish"));
}
else if (typeof define === "function" && define.amd) {
// AMD
define(["./core", "./x64-core", "./lib-typedarrays", "./enc-utf16", "./enc-base64", "./enc-base64url", "./md5", "./sha1", "./sha256", "./sha224", "./sha512", "./sha384", "./sha3", "./ripemd160", "./hmac", "./pbkdf2", "./evpkdf", "./cipher-core", "./mode-cfb", "./mode-ctr", "./mode-ctr-gladman", "./mode-ofb", "./mode-ecb", "./pad-ansix923", "./pad-iso10126", "./pad-iso97971", "./pad-zeropadding", "./pad-nopadding", "./format-hex", "./aes", "./tripledes", "./rc4", "./rabbit", "./rabbit-legacy", "./blowfish"], factory);
}
else {
// Global (browser)
root.CryptoJS = factory(root.CryptoJS);
}
}(this, function (CryptoJS) {

return CryptoJS;

}));
}, function(modId) {var map = {"./core":1768188401085,"./x64-core":1768188401086,"./lib-typedarrays":1768188401087,"./enc-utf16":1768188401088,"./enc-base64":1768188401089,"./enc-base64url":1768188401090,"./md5":1768188401091,"./sha1":1768188401092,"./sha256":1768188401093,"./sha224":1768188401094,"./sha512":1768188401095,"./sha384":1768188401096,"./sha3":1768188401097,"./ripemd160":1768188401098,"./hmac":1768188401099,"./pbkdf2":1768188401100,"./evpkdf":1768188401101,"./cipher-core":1768188401102,"./mode-cfb":1768188401103,"./mode-ctr":1768188401104,"./mode-ctr-gladman":1768188401105,"./mode-ofb":1768188401106,"./mode-ecb":1768188401107,"./pad-ansix923":1768188401108,"./pad-iso10126":1768188401109,"./pad-iso97971":1768188401110,"./pad-zeropadding":1768188401111,"./pad-nopadding":1768188401112,"./format-hex":1768188401113,"./aes":1768188401114,"./tripledes":1768188401115,"./rc4":1768188401116,"./rabbit":1768188401117,"./rabbit-legacy":1768188401118,"./blowfish":1768188401119}; return REQUIRE(map[modId], modId); })
DEFINE(1768188401085, function(require, module, exports) {
....
....

我在想是不是我们dimia 目前对这些情况没有做处理呢？
比如 1.require 只适合了引用本地。 import 适合引用第三方。 2.对于非标准小程序npm的处理暂时也没考虑等。

[kevintcl]

我发现最近对compiler 的修复，上面的问题有一定的修复。 但对于上图的情况还存在问题。 也就是 webstore 中的index.js 对rfdc 有引用 const clone = require('rfdc')() 。貌似目前的compiler 把rfdc识别成了内部js文件。实际上他是个外部包。

[kevintcl]

补充详情 @dos1in