微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Flareact npm 运行部署 webpack css 错误

如何解决Flareact npm 运行部署 webpack css 错误

[publish]
[publish] ERROR in ./node_modules/@fortawesome/fontawesome-free/css/all.min.css
[publish] Module build Failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
[publish] ModuleParseError: Module parse Failed: Unexpected character '' (1:4)
[publish] You may need an appropriate loader to handle this file type,currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
[publish] (Source code omitted for this binary file)
[publish]     at handleParseError (D:\WebstormProjects\customer-frontend-flareact\node_modules\webpack\lib\normalModule.js:469:19)
[publish]     at D:\WebstormProjects\customer-frontend-flareact\node_modules\webpack\lib\normalModule.js:503:5
[publish]     at D:\WebstormProjects\customer-frontend-flareact\node_modules\webpack\lib\normalModule.js:358:12
[publish]     at D:\WebstormProjects\customer-frontend-flareact\node_modules\loader-runner\lib\LoaderRunner.js:373:3
[publish]     at iteratenormalLoaders (D:\WebstormProjects\customer-frontend-flareact\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
[publish]     at Array.<anonymous> (D:\WebstormProjects\customer-frontend-flareact\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
[publish]     at Storage.finished (D:\WebstormProjects\customer-frontend-flareact\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
[publish]     at D:\WebstormProjects\customer-frontend-flareact\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
[publish]     at D:\WebstormProjects\customer-frontend-flareact\node_modules\graceful-fs\graceful-fs.js:123:16
[publish]     at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3)
[publish] webpack --config node_modules/flareact/configs/webpack.client.config.js --out ./out --mode production && wrangler publish exited with code 2
[
  {
    command: {
      command: 'webpack --config node_modules/flareact/configs/webpack.client.config.js --out ./out --mode production && wrangler publish',name: 'publish',prefixColor: '',env: [Object]
    },index: 0,exitCode: 2
  }
]

我安装了 postcss 和 postcss-loader,但仍然无法部署。 我使用的是flareact,是一个由cloudflare 为他们的worker 开发的框架。 我尝试安装 css-loader,为其他非 css 文件放置 file-loader 和 url-loader,但这些方法都不起作用。添加 svg 加载器是因为当 npm run deploy 时,它显示 svg 文件需要加载器,所以我为它添加了 svg 加载器。

下面是我的flareact.config.js

module.exports = {
    webpack: (config,options) => {
        config.module.rules.push(
            {
                test: /\.(svg)$/,use: [
                    { loader: "file-loader",options: {} },{ loader: "svg-url-loader",],},{
                test: /\.(ttf|eot|png|jpg|gif|ico)(\?v=[0-9]\.[0-9]\.[0-9])?$/,{
                        loader: "url-loader",options: {
                            limit: 10000,}
        );
        config.node = {
            fs: "empty",};

        return config;
    },};

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。