单个 spa - 您可能需要一个合适的加载器 - scss 文件错误

如何解决单个 spa - 您可能需要一个合适的加载器 - scss 文件错误

单个 spa 和联合组件。本教程：https://www.youtube.com/watch?v=wxnwPLLIJCY&list=WL&index=3 和这个回购：https://github.com/jherr/wp5-and-single-spa

当我为我的一个应用程序添加 sass 编译时，这是怎么回事。它工作正常。但是当我在两个应用程序中做同样的事情时，当我尝试运行它时会出现这个错误（使用纱线启动）

ERROR in ../hus/src/style.scss 1:0
[0]  | Module parse Failed: Unexpected token (1:0)
[0]  | 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
[0]  | > .hello {
[0]  | |     color: #00ff00;
[0]  | | }
[0]  |  @ ../hus/src/page.js 5:0-22
[0]  |  @ ./src/index.js 6:38-68

我的 webpack.config 文件看起来像这样

{
        test: /\.scss$/,use: [
          'style-loader',// creates style nodes from JS strings 
          'css-loader',// translates CSS into Commonjs
          'sass-loader' // compiles Sass to CSS,using Node Sass by default
        ],}

解决方法

原来是webpack.config中的远程设置。您必须在您的应用程序中添加遥控器。 “家”和您的其他应用..

plugins: [
    new ModuleFederationPlugin({
      name: 'hus',library: { type: 'var',name: 'hus' },filename: 'remoteEntry.js',remotes: {
        store: 'store',home: 'home'
      },