Question

我正在将next.js与next-css一起使用，并且能够导入我自己的样式表而没有任何问题

import './style.css'

但是，当我尝试导入本身需要一些CSS的模块（例如react-sensitive-pinch-zoom-pan）时，会收到语法错误，就像将CSS读取为javascript一样。

(function (exports, require, module, __filename, __dirname) { .iconButton {
                                                              ^

SyntaxError: Unexpected token .
    at new Script (vm.js:84:7)
    at createScript (vm.js:264:10)
    at Object.runInThisContext (vm.js:312:10)
    at Module._compile (internal/modules/cjs/loader.js:684:28)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10)
    at Module.load (internal/modules/cjs/loader.js:620:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
    at Function.Module._load (internal/modules/cjs/loader.js:552:3)
    at Module.require (internal/modules/cjs/loader.js:657:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at ...

我尝试了许多建议的修复程序，例如将next.config.js更改为

module.exports =
  withCSS({
    cssModules: false,
    cssLoaderOptions: {
      url: false
    },
  })

但是没有运气。有什么想法吗？

使用next.js时如何从本身导入CSS的node_modules中导入包

0 个答案: