[英]Webpack Failed to compile: loader issues with optional chaining
使用 create-react-app 和 typescript 作為模板創建了一個 React 應用程序。 嘗試使用可選鏈接: 在加載我的應用程序時出現錯誤: 這是我的 webpack.config.js 文件: ...
[英]Webpack Failed to compile: loader issues with optional chaining
使用 create-react-app 和 typescript 作為模板創建了一個 React 應用程序。 嘗試使用可選鏈接: 在加載我的應用程序時出現錯誤: 這是我的 webpack.config.js 文件: ...
[英]Migrating angular project from 13 to 14 get Module parse failed: Identifier 'UntypedFormBuilder' has already been declared
我有試試這個: 將angular項目13遷移到14 將新組件添加到現有模塊中之后我將 formBuilder 更改為 UntypedFormBuilder 然后我在構建或服務項目時收到此錯誤 下面是屏幕截圖和代碼片段 使用這些加載器處理文件: ./node_modules/@angular-dev ...
[英]Can't parse .mjs module from Iconify. Vue 3 cli using composition api and typescript
更新:在 iconify.mjs 文件修復中將: if(data.aliases?.[name2] !== void 0)更改為: if(data.aliases.= null && data.aliases[name2] !== void 0)錯誤,但是此檢查發生在很多地方,並且 ...
[英]How to import pre-processed CSS as string with Webpack?
賞金將在 7 天后到期。 此問題的答案有資格獲得+50聲望賞金。 Takeshi Tokugawa YD想引起更多人對這個問題的關注。 我需要將已編譯的 CSS 代碼作為字符串從“.styl”(Stylus 預處理器)文件導入。 從邏輯上看: 首先我們需要對styles進行預處理。 預計styl ...
[英]Webpack loaders in require.context on a Typescript create-react-app
我有太多 svg 圖標,無法以推薦的方式全部導入: import { ReactComponent as Icon } from 'assets/svg/icon.svg' 所以在我的 JS React 應用程序中,我一直在使用 webpack 的require.context來索引整個 svg 目 ...
[英]Add @babel/plugin-syntax-dynamic-import to the 'plugins' section of your Babel config to enable parsing. after migrating angular to 13
將 angular 項目遷移到最新版本 angular 13 后,模塊的一些動態導入在生產模式下編譯項目時不起作用,但是當我使用ng serve時它可以工作,但在將ng build用於生產模式時不起作用。 這是我嘗試在 prod 模式下構建項目時的確切錯誤: 注意:如果您知道如何在 angular ...
[英]Webpack not recognizing CSS files even with the appropriate loaders installed
即使安裝了適當的加載器,webpack 似乎也無法識別我的 CSS 文件... webpack.config.js : package.json : 應用程序.js : 錯誤: 我必須再提一件事,如果在app.js中只導入一個 CSS 文件,一切都會正常工作。 僅當我嘗試導入多個 CSS 文件 ...
[英]Why does webpack --watch invoke my custom loader on unrelated files?
我有一個簡單的自定義 Webpack 加載器,它從.txt文件生成 TypeScript 代碼: txt-loader.js 在現實生活中,我正在對輸入進行一些解析; 在此示例中,我們假設文件必須包含文本Hello才有效。 這個加載器讓我可以像這樣導入文本文件: 索引.ts 一切正常,除了一件事 ...
[英]import test from "css-loader!./test.css" returns string
前言 我對 Webpack、Babel、Loaders 及其交互方式的了解幾乎為零。 問題描述 我開發了一個 Angular 組件庫,我最近將其遷移到了 Angular 12。我目前正在設置 Storybook 以獲取文檔。 我想使用 Storybook 插件“@etchteam/storyboo ...
[英]Can't import CSS from Swiper using Webpack with error "Module parse failed: Unexpected character '@' You may need an appropriate loader"
我有一個使用 SCSS 的項目。 在這個項目中,編譯期間生成了一個縮小的 CSS 文件。 現在我想將Swiper添加到項目中。 因此,我嘗試在index.js中的 styles 之前導入對應的 styles 。 不幸的是,我在編譯過程中遇到錯誤: 錯誤在./node_modules/swiper/ ...
[英]Create an Electron nativeImage from an ES6 imported file?
我們正在嘗試改進我們的構建系統以減少對相對路徑導入的依賴,我們需要處理的一個領域是圖像加載。 所以我們正在嘗試做這樣的事情,用 Electron 的nativeImage加載圖像: import { nativeImage } from 'electron'; import ourImage fro ...
[英]Path created for background image is wrong in the template using webpack 5
我正在嘗試使用 webpack 5 構建我的模板文件。問題是正在生成的背景圖像的路徑是“basic-project/dist/stylesheet/img/webpack-bg.png”,而應該是“basic -project/dist/img/webpack-bg.png”。 附上 webpac ...
[英]Webpack loader for file, subfiles and add them to tracking list
我在第 3 方應用程序中創建了 map+tilemap 項目。 整個項目是一組文件,代表2D游戲關卡map的主文件(XML)和代表圖形和瓦片地圖的一些其他文件(子文件)。 I am trying to create a Webpack Loader that will compile and co ...
[英]Vue 3 include local static files into index.html
我有一個基本的 Vue 3 項目,在我的public/index.html文件中,我想包含根目錄中的文件(例如node_modules或我的semantic文件夾) 我已經在vue.config.js文件中嘗試了各種配置,但似乎它們都不起作用。 將自定義本地 css/js 文件包含到index.h ...
[英]PNG images cannot be loaded | NextJS
我有一個網站以畫廊格式提供照片,我使用 Next.js 創建。 我將所有圖像存儲在/public/photos/中,並分組到子文件夾中,並在需要的地方導入它們(見下文)。 主頁由帶有照片背景和標題的單個圖塊(圖塊組件)的網格(圖塊組件)組成。 照片被導入到tiles.tsx並作為prop 傳遞給t ...
[英]Fix TypeScript warning about imports handled by Webpack loaders?
我正在使用 Svelte、Webpack 和 TypeScript 設置一個新項目。 它基於此模板,並在初始設置后運行scripts/setupTypeScript.js腳本以切換到 TypeScript。 當嘗試導入不是TypeScript 文件的資源時,VSCode 和 TypeScript ...
[英]Webpack loader isn't called with sass local imports
我正在開發一個 webpack 加載器,它應該以某種方式修改 sass 文件的內容。 問題是這個加載器沒有被調用,除非我在 JS 中導入 sass 文件所以 ✅ 這將觸發加載程序調用文件.js ❌ 這不會觸發加載器文件.scss Sass-loader 是否在內部處理這些導入&有沒有辦法 ...
[英]Webpack not recognizing css-loader
我的應用程序使用yarn正常運行,但是當我使用使用 webpack 的基准測試庫react-benchmark時無法加載 css。 整個項目的最小示例在這里:https://github.com/dustinfreeman/bug-react-benchmark-css-import 這是加載錯誤 ...
[英]Is it possible to mix the ts-loader and esbuild-loader?
有沒有辦法混合 esbuild-loader 和 ts-loader? 這樣所有的.ts文件都用 esbuild 編譯 - 除非文件中有裝飾器,那么文件是用 tsc 編譯的? ...
[英]Get original file path from within Webpack loader
我正在構建一個自定義 Webpack 加載程序。 加載程序所做的並不重要,但它會以某種方式轉換 JSON 並使用來自 JSON 的路徑來解決某些其他細節。 在我的loader.js ,我需要一種方法來獲取正在加載的 JSON 文件的原始路徑,以便我可以正確解析其他路徑。 使用這個簡單的加載器和配置: ...