国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

解決vue3 + vite + ts 中require失效的問題(require is not defind)

這篇具有很好參考價(jià)值的文章主要介紹了解決vue3 + vite + ts 中require失效的問題(require is not defind)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

require is not defind?因?yàn)?require 是屬于 Webpack 的方法,vite中找不到這個(gè)方法肯定報(bào)錯(cuò)

解決方法:創(chuàng)建一個(gè)工具文件getImge.ts

// 獲取assets靜態(tài)圖片
export const getAssetsImge = (url: string) => {
  return new URL(`../assets/home/${url}`, import.meta.url).href
}

使用工具文件:

import { getAssetsImge } from '@/utils'

html中文章來源地址http://www.zghlxwxcb.cn/news/detail-571931.html

          <el-avatar class="w-6 h-6" :src="getAssetsFile('user.png')" />

          <img class="w-6 h-6" :src="getAssetsFile('user.png')" alt="" /> 

到了這里,關(guān)于解決vue3 + vite + ts 中require失效的問題(require is not defind)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • vscode中 vue3+ts 項(xiàng)目的提示失效,volar插件失效問題解決方案

    vscode中 vue3+ts 項(xiàng)目的提示失效,volar插件失效問題解決方案

    說起來很恥辱,從mac環(huán)境換到window環(huán)境,vscode的配置都是云端更新過來的,應(yīng)該是一切正常才對(duì),奇怪的是我的項(xiàng)目環(huán)境出現(xiàn)問題了,關(guān)于組件的ts和追蹤都沒有效果,再經(jīng)過一上午的排查和試錯(cuò)后,終于被我解決,問題的原因是volar和ts環(huán)境之間的版本不匹配,下面來看下我

    2024年02月03日
    瀏覽(20)
  • 新建vite+vue3+ts項(xiàng)目,以及解決過程中遇到的問題

    新建vite+vue3+ts項(xiàng)目,以及解決過程中遇到的問題

    目錄 一、新建vite+vue3+ts項(xiàng)目 二、解決過程中遇到的問題 解決報(bào)錯(cuò):Module ‘“xx.vue“‘ has no default export. 解決報(bào)錯(cuò):Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘uuid’ imported from xxx的解決 解決報(bào)錯(cuò):[plugin:vite:css] Preprocessor dependency \\\"less\\\" not found. Did you install it? 此處我使用npm做一下

    2024年02月06日
    瀏覽(80)
  • uni_app+vite+vue3+ts開發(fā)小程序,解決getUserProfile()獲取用戶信息問題

    uni_app+vite+vue3+ts開發(fā)小程序,解決getUserProfile()獲取用戶信息問題

    最近開發(fā)小程序,開發(fā)環(huán)境uni_app+vue3等。在獲取小程序平臺(tái)用戶信息是報(bào)錯(cuò): {errMsg: \\\"getUserProfile:fail must be invoked by user tap gesture\\\", errNo: 21500} 我在抖音上查了下錯(cuò)誤碼: 看到這個(gè)解釋也是瞬間無語了,然后在平臺(tái)查找錯(cuò)誤,找了半天終于在vue2 升級(jí)vue3文檔里面找到解決辦法

    2024年02月04日
    瀏覽(32)
  • vue3+vite熱更新失效問題

    vue3+vite熱更新失效問題

    在搭建好 vue3+vite 的基本框架后,開始嘗試寫登錄頁面。此刻發(fā)現(xiàn)不管修改了什么都無法及時(shí)刷新頁面,每次都要重啟項(xiàng)目才會(huì)更新。 此刻想到大概還需要手動(dòng)配置熱更新: 在 vite.config.ts (我這里用到的是ts,如果是js應(yīng)是vite.config.js)配置文件中配置紅框中內(nèi)容( hmr:true 是

    2024年02月13日
    瀏覽(15)
  • vue3 使用require報(bào)錯(cuò):require is not defined

    1.報(bào)錯(cuò)原因 vue3使用vite打包 里面沒有require方法, webpack 里面有這個(gè)方法 2.解決方案 使用import 代替 *注: 資源可使用import.meta.globEager(“…/*.png”) ; 動(dòng)態(tài)引入,需要給 css 路徑加括號(hào) vite官網(wǎng)靜態(tài)資源處理 new URL(url, import.meta.url) import.meta.url : ESM 的原生功能,會(huì)暴露當(dāng)前模塊的

    2024年02月07日
    瀏覽(31)
  • vite+vue3搭建的工程熱更新失效問題

    vite+vue3搭建的工程熱更新失效問題

    ? ? ? ?前段時(shí)間開發(fā)新的項(xiàng)目,由于沒有技術(shù)上的限制,所以選擇了vite+vue3+ts來開發(fā)新的項(xiàng)目,一開始用vite來開發(fā)新項(xiàng)目過程挺順利,確實(shí)比vue2+webpack的項(xiàng)目高效些(為什么選擇vite),但是過了一段時(shí)間后,不過怎么操作頁面修改頁面都無法及時(shí)刷新預(yù)覽頁面,各種糾結(jié)。

    2023年04月09日
    瀏覽(20)
  • vite vue3+ts @引入無提示/解決提示報(bào)錯(cuò)

    vite vue3+ts @引入無提示/解決提示報(bào)錯(cuò)

    1. setting.json? 這時(shí)候已經(jīng)有提示了 但是ts會(huì)報(bào)錯(cuò)? ?tsconfig.json? 以@開頭代表src目錄下 以#開頭代表ts目錄下? 配置好后 重新引入 沒有紅色波浪線但是 vite不認(rèn)識(shí) @符號(hào) 運(yùn)行項(xiàng)目還是會(huì)報(bào)錯(cuò) ?這時(shí)候就需要在vite.config.ts中添加配置 如果path會(huì)報(bào)錯(cuò) 需要下載一下@types/node 再重啟下

    2024年02月15日
    瀏覽(20)
  • vue3+vite+ts項(xiàng)目搭建之后,vscode文件夾下紅色波浪線問題

    vue3+vite+ts項(xiàng)目搭建之后,vscode文件夾下紅色波浪線問題

    ????????搭建完vue3+vite+ts項(xiàng)目之后,用vscode打開項(xiàng)目,發(fā)現(xiàn) .vue 文件和 main.ts 文件夾下都有紅色破浪線(如下圖所示)。幾番周折終于解決了這個(gè)問題。 1. 解決.ts文件報(bào)錯(cuò) 報(bào)錯(cuò)原因:ts不識(shí)別.vue后綴的文件。 解決方式:創(chuàng)建腳手架的時(shí)候,項(xiàng)目的根目錄下會(huì)生成一個(gè)en

    2024年02月04日
    瀏覽(20)
  • 解決瀏覽器 require is not defined 的報(bào)錯(cuò)問題

    解決瀏覽器 require is not defined 的報(bào)錯(cuò)問題

    在node環(huán)境中引入了一些包,用webpack打包后放在瀏覽器環(huán)境中,瀏覽器報(bào)錯(cuò) require is not defined 。 這是因?yàn)?require 是node環(huán)境下的CommonJs,而 import 是瀏覽器環(huán)境下的ESModule。ESModule不認(rèn)識(shí)require。 require 是node的一個(gè)私有的全局方法。 那就讓打包出來的代碼別有require,換句話說,

    2024年02月15日
    瀏覽(28)
  • 使用模板創(chuàng)建【vite+vue3+ts】項(xiàng)目出現(xiàn) “找不到模塊‘vue‘或其相應(yīng)的類型聲明” 的解決方案

    使用模板創(chuàng)建【vite+vue3+ts】項(xiàng)目出現(xiàn) “找不到模塊‘vue‘或其相應(yīng)的類型聲明” 的解決方案

    項(xiàng)目前臺(tái)需要使用Vue3+Ts來寫一個(gè)H5應(yīng)用,然后我用模板創(chuàng)建 創(chuàng)建完后進(jìn)入 HelloWorld.vue ,兩眼一黑 然后在 tsconfig.json 的 \\\"compilerOptions\\\" 中添加 修改 \\\"moduleResolution\\\" 值為 \\\"node\\\"

    2024年02月17日
    瀏覽(26)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包