javascript - Webpack ไม่สามารถแก้ไขการนำเข้า data:text ได้

แอปของฉันใช้ไลบรารีของบุคคลที่สามที่มีไวยากรณ์ดังนี้:

const module = await import(`data:text/javascript;charset=utf-8,${content}`);

ในขณะที่กำลังสร้างโปรเจกต์ผ่าน Webpack ฉันได้รับข้อผิดพลาดดังต่อไปนี้:

ERROR in ./node_modules/@web/test-runner-commands/browser/commands.mjs
Module not found: Error: Can't resolve 'data:text' in 'C:\path_to_project\node_modules\@web\test-runner-commands\browser'

ฉันลองใช้ babel-loader ในการตั้งค่า Webpack ของฉัน:

module: {
    rules: [
        {
            test: /\.m?js$/,
            include: [
                path.resolve(workingDirectory, 'node_modules/@web')
            ],
            use: 'babel-loader'
        }
    ]
}

ฉันต้องการความช่วยเหลือในการหาว่าโหลดเดอร์ใดที่จะสามารถตีความนิพจน์นี้ได้

คำตอบ #1

มันช้าสักหน่อยหลังจาก 2 ปี แต่ฉันก็เจอข้อความแสดงข้อผิดพลาดเหมือนกันและมันหาความช่วยเหลือได้ยาก

ฉันกำลังใช้ bable-loader อยู่ด้วย

• ข้อจำกัดความรับผิดชอบ: สำหรับผมมันเป็น "คำเตือน" ไม่ใช่ "ข้อผิดพลาด" และเป็นไลบรารีที่แตกต่างกัน แต่ถ้าไม่นับส่วนนี้ ดูเหมือนจะเป็นปัญหาเดียวกัน:

คำเตือนใน ./node_modules/kotlin-playground/dist/playground.min.js 2:478654-478700 ไม่พบโมดูล: ข้อผิดพลาด: ไม่สามารถแก้ไข 'data:text' ใน 'path-to-my-project/node_modules/kotlin-playground/dist'

นี่คือตัวอย่างโค้ดของ webpack ของฉัน ที่ลบคำเตือนได้แล้ว:

module.exports = {
[...]
resolve: {
    extensions: [".ts", ".tsx", ".js", ".jsx", ".json"],
    fallback: {
        "data:text": false
    }
},
module: {
    [...]
}