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

vue3打包踩坑記錄‘readFile‘ is not exported by __vite-browser-external, imported by node_modules/pdfjs-dist

這篇具有很好參考價值的文章主要介紹了vue3打包踩坑記錄‘readFile‘ is not exported by __vite-browser-external, imported by node_modules/pdfjs-dist。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

打包報錯如下

vue3打包踩坑記錄‘readFile‘ is not exported by __vite-browser-external, imported by node_modules/pdfjs-dist,vue3,vue3

問題所在

因為vue3項目是用不了vue-pdf所以用了pdfjs-dist,開發(fā)環(huán)境pdf查看是沒問題正常使用,只是在打包的時候就報錯,應該是由于pdfjs-dist.js使用了fs,fs是nodejs環(huán)境下的工具庫,所以vite才會報錯。

處理辦法

1、下載插件

cnpm install vite-plugin-commonjs-externals -D

2、vite.config.js配置

import commonjsExternals from 'vite-plugin-commonjs-externals';

plugins: [
		commonjsExternals({
		  externals: ['fs','canvas','zlib','http','https','url'] //這里
		}),
	],

這樣輕松搞定打包報錯問題。文章來源地址http://www.zghlxwxcb.cn/news/detail-704452.html

到了這里,關于vue3打包踩坑記錄‘readFile‘ is not exported by __vite-browser-external, imported by node_modules/pdfjs-dist的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

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

領支付寶紅包贊助服務器費用

相關文章

  • 打包報錯Error: ‘default‘ is not exported by node_modules/qs/lib/index.js

    問題描述: 當我們在使用rollup編譯es6時,可能會遇到以下報錯問題 解決方案: 安裝@rollup/plugin-commonjs插件 ? 最后,修改rollup.config.js文件中寫入以下代碼即可

    2024年02月16日
    瀏覽(29)
  • “hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“, imported by “node_mo

    “hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“, imported by “node_mo

    使用uniapp開發(fā)的微信小程序,技術棧使用的vue3+ts+uview-plus+pinia開發(fā)的,環(huán)境安裝依賴沒有問題,但是啟動的時候報錯: \\\"hasInjectionContext\\\" is not exported by \\\"node_modules/vue-demi/lib/index.mjs\\\", imported by \\\"node_modules/pinia/dist/pinia.mjs\\\". 11:36:19.397 at ../node_modules/pinia/dist/pinia.mjs:6:9 更換了好多個

    2024年02月04日
    瀏覽(22)
  • 安裝pinia后編譯項目報錯“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“

    安裝pinia后編譯項目報錯“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“

    uniapp安裝pinia時,編譯項目報錯\\\"hasInjectionContext\\\" is not exported by \\\"node_modules/vue-demi/lib/index.mjs\\\", imported by \\\"node_modules/pinia/dist/pinia.mjs\\\". 解決方法:將pinia的版本改成2.0.36,重新編譯,就不報錯了

    2024年04月14日
    瀏覽(25)
  • Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath ‘./lib/tokenize‘ is not defined by “exports“

    Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath ‘./lib/tokenize‘ is not defined by “exports“

    今天在啟動一個react項目的時候,我運行了這個命令: 項目啟動過程中,控制臺突然報了這個 錯誤 : 原因: 原來是我當時安裝這個項目需要的依賴的時候,使用的node版本比較低,最近升級了一下node版本導致的。 解決辦法: 第一種辦法:將當前的node版本切回到當時安裝項目

    2024年02月12日
    瀏覽(13)
  • Flutter 安裝踩坑記錄 HTTP host https://pub.dev/ is not reachable.

    Flutter 安裝踩坑記錄 HTTP host https://pub.dev/ is not reachable.

    Windows安裝 flutter官網(wǎng)下載flutter sdk包 2.解壓到C盤除去program file相關的目錄(最好自己創(chuàng)建一個新的目錄,因為放在program file等目錄需要特殊的權限,會出現(xiàn)問題) Android 需要安裝Android SDK ,同理蘋果開發(fā)也需要對應的環(huán)境 安裝ide工具(Android Studio ,visual studio code)都可以 運

    2024年02月08日
    瀏覽(20)
  • vue3的getCurrentInstance獲取組件實例踩坑記錄

    vue3的getCurrentInstance獲取組件實例踩坑記錄

    我們可以通過 getCurrentInstance這個函數(shù)來返回當前組件的實例對象,也就是當前vue這個實例對象 Vue2中,可以通過this來獲取當前組件實例 ; Vue3中,在setup中無法通過this獲取組件實例,console.log(this)打印出來的值是undefined 。 在Vue3中, getCurrentInstance() 可以用來獲取當前組件實例

    2024年02月04日
    瀏覽(25)
  • Component is not found in path “components/xxx/xxx“ (using by “pages/xxx/xxx“) 問題記錄

    Component is not found in path “components/xxx/xxx“ (using by “pages/xxx/xxx“) 問題記錄

    相信做過小程序的都遇到過Component is not found in path “components/xxx/xxx“ (using by “pages/xxx/xxx“) 這個問題,一般情況的是引用路徑有問題,檢查代碼路徑改對就好了,又或者是 分包 影響的 先說一下我得使用場景,不一定適用于所有人,只是記錄一下我遇到的 1.小程序是分包的

    2024年02月02日
    瀏覽(19)
  • uniapp+vue3打包問題記錄

    uniapp+vue3打包問題記錄

    **背景:**打包app出現(xiàn)問題,只顯示底部導航的文字,其他一片空白 1. pages.json文件 :tabBar中的iconPath圖標格式不支持svg,只支持:png, jpg, jpeg的格式,當圖片改為.png的時候可以正常顯示 2. 適配插件的影響 :使用了postcss-pxtorem插件,同時安裝了lib-flexible插件,但因為lib-flexib

    2024年01月16日
    瀏覽(18)
  • vue3+vue-cli 報錯 ‘defineProps‘ is not defined

    vue3+vue-cli 報錯 ‘defineProps‘ is not defined

    ? 確保這些都存在,仍報錯則需要修改node版本的 本人改到最新版就沒什么問題了

    2024年02月12日
    瀏覽(90)
  • vue3 使用require報錯:require is not defined

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

    2024年02月07日
    瀏覽(31)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

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

二維碼1

領取紅包

二維碼2

領紅包