Question

我正尝试在下一个js项目中使用ant设计。我可以无缝地设计和开发所有内容，但是在部署代码时遇到问题，无法导出。以下是我尝试执行的脚本：-

/* eslint-disable */
const withCss = require('@zeit/next-css')

// fix: prevents error when .css files are required by node
if (typeof require !== 'undefined') {
  require.extensions['.css'] = file => {}
}

module.exports = withCss(),{
    exportPathMap: function () {
      return {
        '/': { page: '/' },
        '/about': { page: '/about' },
        '/abc': { page: '/abc'},
        '/other': { page: '/other'},
        '/there': { page: '/there'},
        '/sample':{page:'/sample'},
        '/details':{page:'/details'}
      }
    }
  }

如果我运行npm run next或npm run next构建，一切正常，但是如果我运行npm run export，则在“ next.config.js”中找不到“ exportPathMap”。从“ ./pages”和SyntaxError生成地图：意外令牌{。任何帮助或建议，表示赞赏。谢谢。

Answer 1

您应该将所有内容放入withCss

module.exports = withCss({
    exportPathMap: function() {
        return {
            '/': { page: '/' },
            '/about': { page: '/about' },
            '/abc': { page: '/abc' },
            '/other': { page: '/other' },
            '/there': { page: '/there' },
            '/sample': { page: '/sample' },
            '/details': { page: '/details' },
        };
    },
});

无法使用下一个js导出路径图？

1 个答案: