Javascript Next.js:exportPathMap未找到，尽管在Next.config.js中有一个

错误：

在“next.config.js”中找不到“exportPathMap”。从“/pages”生成地图

---

但我有基于以下内容的

exportPathMap

：

我的

next.config.js

包含：

constwithcss=require（@zeit/next css”）；
const WITHASS=require（@zeit/next sass”）；
const withTM=require（“下一个传输模块”）；
module.exports={
exportPathMap:异步函数(
默认路径图，
{dev，dir，outDir，distDir，buildId}
) {
返回{
“/”：{page:“/”}，
“/menu”：{page:“/menu”}，
“/about”：{page:/about”}
};
}
};
module.exports=withCss({
cssModules：正确
});
module.exports=withass(
withTM({
transpileModules:[“react-bulma组件”]，
Sassloader选项：{
IncludePath:[“/组件”]
}
})
);

我还尝试删除默认映射：

module.exports={
exportPathMap:async函数（）{
返回{
“/”：{page:“/”}，
“/menu”：{page:“/menu”}，
“/about”：{page:/about”}
};
}
};

根据我的研究，使用CSS（）将其移动到

中

：

module.exports=withCss({
exportPathMap:async函数（）{
返回{
“/”：{page:“/”}，
“/menu”：{page:“/menu”}，
“/about”：{page:/about”}
};
}
});

两个导出

withass（）

和

withCss（）

似乎都能正常工作， 我做错了什么

---

编辑：

---

我的

next.config.js

位于根项目目录中，如果您想知道的话。

您正在重新分配模块。多次导出，因此

exportPathMap

和

with CSS

会丢失。在本例中，配置应如下所示：

module.exports=withCss(
带色(
withTM({
transpileModules:[“react-bulma组件”]，
Sassloader选项：{
IncludePath:[“/组件”]
},
exportPathMap:异步函数(
默认路径图，
{dev，dir，outDir，distDir，buildId}
) {
返回{
“/”：{page:“/”}，
“/menu”：{page:“/menu”}，
“/about”：{page:/about”}
};
}
})
)
);

您正在重新分配模块。多次导出，因此

exportPathMap

和

with css

将丢失。在本例中，配置应如下所示：

module.exports=withCss(
带色(
withTM({
transpileModules:[“react-bulma组件”]，
Sassloader选项：{
IncludePath:[“/组件”]
},
exportPathMap:异步函数(
默认路径图，
{dev，dir，outDir，distDir，buildId}
) {
返回{
“/”：{page:“/”}，
“/menu”：{page:“/menu”}，
“/about”：{page:/about”}
};
}
})
)
);

next.js贡献者目前不鼓励导出路径图。请看一看

否则，正确答案是

module.exports = withCss(
  withSass(
    withTM({
      transpileModules: ["react-bulma-components"],
      sassLoaderOptions: {
        includePaths: ["./components"]
      },
      exportPathMap: async function(
        defaultPathMap,
        { dev, dir, outDir, distDir, buildId }
      ) {
        return {
          "/": { page: "/" },
          "/menu": { page: "/menu" },
          "/about": { page: "/about" }
        };
      }
    })
  )
);

---

next.js贡献者目前不鼓励使用exportPathMap。请看一看

否则，正确答案是

module.exports = withCss(
  withSass(
    withTM({
      transpileModules: ["react-bulma-components"],
      sassLoaderOptions: {
        includePaths: ["./components"]
      },
      exportPathMap: async function(
        defaultPathMap,
        { dev, dir, outDir, distDir, buildId }
      ) {
        return {
          "/": { page: "/" },
          "/menu": { page: "/menu" },
          "/about": { page: "/about" }
        };
      }
    })
  )
);

---

非常感谢。我对这种出口产品还不熟悉。我还想指出您有一些语法错误：

语句应为

，以及

意外标记（eslint）

非常感谢。我对这种出口产品还不熟悉。我还想指出，您有一些语法错误：

预期语句

，以及

意外标记（eslint）

此站点通常不支持仅代码的答案。请编辑您的答案，包括一些注释或对代码的解释，好吗？解释应该回答这样的问题：它做什么？它是如何做到的？它去哪里了？它如何解决OP的问题？请参阅：。谢谢在这个网站上，只有代码的答案通常是不受欢迎的。请编辑您的答案，包括一些注释或对代码的解释，好吗？解释应该回答这样的问题：它做什么？它是如何做到的？它去哪里了？它如何解决OP的问题？请参阅：。谢谢