在使用vue開(kāi)發(fā)過(guò)程中，很多人都會(huì)遇到一個(gè)報(bào)錯(cuò)：import undefined。這種錯(cuò)誤通常是由于vue組件中引入的某些變量或方法沒(méi)有正確聲明導(dǎo)致的。

舉個(gè)例子，如果我們?cè)诮M件中需要引入一個(gè)名為“util”的工具庫(kù)，通常的做法是在組件的script標(biāo)簽中使用import語(yǔ)句引入：

import util from '@/utils/util'

然而，如果我們的工具庫(kù)文件未正確導(dǎo)出util變量，則會(huì)出現(xiàn)“import undefined”的報(bào)錯(cuò)：

export default {//...}

上述代碼導(dǎo)出的是一個(gè)對(duì)象而非變量，那么我們應(yīng)該把需要使用的變量或函數(shù)單獨(dú)導(dǎo)出：

export const util = {//...}

這樣，在組件中引入util工具庫(kù)時(shí)就需要采用以下方式：

import {util} from '@/utils/util'

當(dāng)然，如果我們?cè)谑褂胕mport時(shí)輸入了錯(cuò)誤的變量名，同樣會(huì)出現(xiàn)“import undefined”的報(bào)錯(cuò)。例如：

import {utils} from '@/utils/util'

在這種情況下，我們只需要檢查一下變量名是否與導(dǎo)出文件中的變量名一致即可。

總的來(lái)說(shuō)，出現(xiàn)“import undefined”錯(cuò)誤時(shí)，我們需要仔細(xì)排查組件中的import語(yǔ)句是否正確，確保導(dǎo)入的變量或方法存在，并且檢查變量名是否拼寫(xiě)正確。