uniapp vue3.0 では、未定義のインポートを通じて外部 js (sdk) ファイルが導入されています

uniapp を使用して SDK をインポートするプロセス中に、console.log() を使用してインポートされたモジュールの名前を出力するときに、実際の出力名が予期した名前と異なるという状況が発生することがあります。これは、uniapp がコンパイルおよびパッケージ化された後、ファイル サイズを削減し、実行効率を向上させるために、変数名、メソッド名、モジュール名などの変更を含むコードの名前が変更されるためです。

uniapp vue2.0 は、インポートを通じて外部 js (sdk) ファイルを導入します。通常
uniapp vue3.0 はインポートを通じて外部 js (sdk) ファイルを導入し、未定義のエラーを報告します


import sdk from './juphoon-sdk'
console.log('sdk', sdk)

uniapp がコンパイルされた後の理由
ここに画像の説明を挿入
:
uniapp を使用してサードパーティのライブラリまたはモジュールを導入する場合、インポート名が指定されていない場合、名前の競合を避けるために、アプレット コンパイル ツールは名前の前に名前の変更を追加します。メソッドが見つからない原因
ここに画像の説明を挿入
:
vue.config.js ファイルを作成し、次の構成を追加します。

module.exports = {
    
    
  configureWebpack: {
    
    
    output: {
    
    
      "filename": "[name].js",
      "library": "[name]",
      "libraryTarget": "umd"
    }
  }
}

ここに画像の説明を挿入

ページから引用:

import JuphoonWeChatConference from '../common/juphoon-sdk'
console.log('JuphoonWeChatConference页面使用', JuphoonWeChatConference)

ここに画像の説明を挿入
名前は依然として名前変更によって補足されていますが、SDK メソッドは
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/m0_47791238/article/details/130948718