An error after build for universal react + webpack 4

[clouditable]

react-scrolling-nav/lib/styles/nav.css:1
(function (exports, require, module, __filename, __dirname) { .link {
^

SyntaxError: Unexpected token .
at new Script (vm.js:79:7)
at createScript (vm.js:251:10)
at Object.runInThisContext (vm.js:303:10)
at Module._compile (internal/modules/cjs/loader.js:657:28)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:70
at Module.load (internal/modules/cjs/loader.js:599:32)
at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
at Function.Module._load (internal/modules/cjs/loader.js:530:3)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (internal/modules/cjs/helpers.js:20:18)
[nodemon] app crashed - waiting for file changes before starting...

[lijunray]

Hi @clouditable, can you clarify what commands you used or how to reproduce it?

[clouditable]

hi @lijunray ,

• I installed the package in the first process,

• then I updated webpack.config file:

 {
      test: /\.css$/,
      use: ['style-loader', 'css-loader'],
 },

• then I built the project, there was no error

• then I import the components

• after that, I started to get the error I wrote and the project was crash

[clouditable]

I tried modifying the webpack config file like this:

 {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [{
            loader: 'css-loader',
            options: {
              modules: true,
              importLoaders: 1,
              sourceMap: true,
            },
          },
          {
            loader: 'postcss-loader',
            options: {
              sourceMap: true,
              exec: true
            },
          },
          {
            loader: 'sass-loader',
            options: {
              sourceMap: true,
            },
          },
          ],
        }),
},

this time I started getting the same error during the build

[clouditable]

I've found the problem, I don't know why, but when I import css files into js, I get this error. I think the reason is the babel-loader

[lijunray]

Yes, it looks like somehow the babel loaders don't work for css files. Did you solve it? If css-loader is installed successfully, there shouldm't be this error.