我有一個正在開發的燒瓶反應項目。我以前的框架上的react前端很好,字體加載和所有。不幸的是,一個核心錯誤使它無法與燒瓶后端通信。我已經設計/重新配置了一個webpack框架來加載一個html文件,該文件調用一個捆綁包.js然后調用。這是幾乎所有工作的圖像,除了字體。有趣的是,字體中的圖標仍然可以正確加載。對我中的字體文件進行模糊處理會導致它們顯示為空的 unicode 框。這可能表明這是我的CSS中的一個錯誤,Arial字體以某種方式覆蓋了我導入的Nucleo Outline字體,但相同的css在以前的框架中工作。webpack.config.js這是我的:webpack.config.jsconst webpack = require('webpack');const resolve = require('path').resolve;const config = { mode: process.env.NODE_ENV, devtool: 'eval-source-map', entry: __dirname + '/src/index.jsx', output: { path: resolve('../public/bundle/'), filename: 'bundle.js', publicPath: resolve('../public/bundle/') }, resolve: { extensions: ['.js','.jsx','.css','.scss','.png','.jpg','.jpeg','.gif'], }, module: { rules: [ { test: /\.jsx?/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['@babel/react','@babel/env'] } }, { test: /\.css$/i, use: [ // Creates `style` nodes from JS strings 'style-loader', // Translates CSS into CommonJS 'css-loader' ], },這是我的文件結構。此外,燒瓶和JS控制臺都不會拉取任何錯誤。這是資產文件(包括字體)的更深入的結構。我不知道為什么會發生這種情況。任何幫助將不勝感激,我可以添加任何信息。我基本上已經嘗試了一切。 不起作用(燒瓶在拉取資源時遇到問題,無法再找到圖標)。ttf-loader也因為同樣的原因而不起作用。file-loader
Webpack 加載字體圖標,但不加載字體本身
呼如林
2022-08-27 15:21:06