ディレクトリ構造
main.js
import { Name, say, Person } from './test'
console.log(Name)
test.js
const Name = 'life'
function say() {
console.log('Mine')
}
let Person = { name: `good` }
export { Name, say, Person }
問題分析
手順は少し長くなりますが、エラーの原因は実は非常に単純です。つまり、インポートするファイルの名前が完全に記述されていないため、該当するファイルが見つからなかったというエラーが報告されます。次のように。
エラー [ERR_MODULE_NOT_FOUND]: d:\Project_Files\VSCode_Projects\React_Learning\《React全からインポートされたモジュール 'd:\Project_Files\VSCode_Projects\React_Learning\《React全栈》\第1章\ES6语言特性\e7_Modules\test' が見つかりません栈》\第1章\ES6语言特性\e7_Modules\main.js
新規NodeError(node:internal/errors:371:5)で
finalizeResolution(node:internal/modules/esm/resolve:416:11)
でmoduleResolve( node:internal/modules/esm/resolve:932:10)
の defaultResolve (node:internal/modules/esm/resolve:1044:11)
at ESMLoader.resolve (node:internal/modules/esm/loader:422:30) ModuleWrap
の ESMLoader.getModuleJob (node:internal/modules/esm/loader:222:40) で
。(node:internal/modules/esm/module_job:76:40)
リンク (node:internal/modules/esm/module_job:75:36) {
コード: 'ERR_MODULE_NOT_FOUND'
}
必要
ファイルによってエクスポートされたモジュールオブジェクトと変数をファイルの下にmain.js
インポートしたいtest.js
問題を解く
VSCode で対応するターミナルを右クリックし、ターミナルで新しいファイルを作成する
コマンドを入力し、インポートされたファイル名を変更するために"type": "modules" を追加すると、最終的な出力は次のようになります。npm init -y
package.json
main.js