为什么在 SSR 模式下运行 NuxtJS 应用程序时出现模块解析失败错误？答案

【问题标题】：Why am I getting a Module Parse Failed Error when running NuxtJS App in SSR Mode?为什么在 SSR 模式下运行 NuxtJS 应用程序时出现模块解析失败错误？
【发布时间】：2020-11-28 01:02:19
【问题描述】：

我有一个在 spa 客户端模式下运行良好的 NUXTJS (2.13.3)。我最近决定将其切换到 SSR 模式。该项目构建良好，但是当我在浏览器中浏览它时，我收到以下错误：

模块解析失败：意外令牌 (135:43) 使用这些加载器处理了文件：* ./node_modules/babel-loader/lib/index.js 您可能需要额外的加载器来处理这些加载器的结果。 | for (error.errors 中的常量字段) { | if (!Array.isArray(error.errors[field])) { > errorMessages += error.detail ??错误。标题； |休息; | } 其他 {

server.js:10208:7
Object../components/forms/validators.js
server.js:27:30
__webpack_require__
server.js:11320:89
Module../node_modules/babel-loader/lib/index.js?!./node_modules/@nuxt/components/dist/loader.js?!./node_modules/vue-loader/lib/index.js?!./components/app/send.vue?vue&type=script&lang=js&
server.js:27:30
__webpack_require__
server.js:9605:247
Module../components/app/send.vue?vue&type=script&lang=js&
server.js:27:30
__webpack_require__
server.js:9566:92
Module../components/app/send.vue
server.js:27:30
__webpack_require__

这很难确定问题可能出在哪里？有什么建议吗？

谢谢！

【问题讨论】：

您能否发布受影响文件的第 135 行？
@RazRonen 哪一个会是受影响的文件？错误中有上面引用的几个文件。验证器.js？
这是完整的错误吗？它可能是包含这个字符串的文件：errorMessages += error.detail ?? error.title; | break;
能否请您发布您的 webpack 配置的 loader 部分？
for (error.errors 中的常量字段) { if (!Array.isArray(error.errors[field])) { errorMessages += error.detail ?? error.title break } else { errorMessages += field + ': ' + error.errors[field] + '
' } }

标签： vue.js webpack nuxt.js

【解决方案1】：

当您在某些依赖项中导入和添加某些模块或某些类时，这是一个常见的错误。检查你在哪里添加了一些模块，这些模块还没有在这里。该错误表明该进程开始工作，获取一些链接并使用此包启动进程，并且因为此包没有必需的属性 - 它失败了。但是所有包都可以，错误只会从第一个错误包传播到所有其他包

【讨论】：