为啥我突然在 Nuxt 中收到未知单词错误？

Posted 2023-02-22

【中文标题】为啥我突然在 Nuxt 中收到未知单词错误？

【英文标题】：Why am I suddenly getting an Unknown word error in Nuxt?为什么我突然在 Nuxt 中收到未知单词错误？

【发布时间】：2019-06-22 19:48:12

【问题描述】：

我有一个 Nuxt 项目，直到今天都运行良好。

在这个项目中，我使用的是 Vue Flickity，它包含一个指向 node_modules 中的 Flickity CSS 文件的链接。到目前为止，这一直运行良好，似乎是问题的根源。

当我运行npm run dev 时，出现以下错误：

错误 ./node_modules/flickity/dist/flickity.css?vue&type=style&index=0&lang=css& 友好错误 16:00:12

语法错误：ModuleBuildError：模块构建失败（来自 ./node_modules/postcss-loader/src/index.js）：友好错误 16:00:12 语法错误

(141:7) 未知词

139 | 140 | if(module.hot)

141 | // 1548777611244 | ^ 142 | var cssReload = require("../../extract-css-chunks-webpack-plugin/dist/hotModuleReplacement.js")(module.id, "fileMap":"fileName","re​​loadAll":true); 143 | module.hot.dispose(cssReload); > 友好错误 16:00:12 @ ./node_modules/flickity/dist/flickity.css?vue&type=style&index=0&lang=css& 1:0-576 1:592-595 1:597-1170 1:597-1170 @ ./node_modules/vue-flickity/src/flickity.vue @ ./plugins/vue-flickity.js @ ./.nuxt/index.js @ ./.nuxt/client.js @ 多事件源-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js

截图：

我使用 cli 创建项目，因此甚至没有接触任何 Webpack 配置。

Vue Flickity 是通过插件调用的（在 Nuxt 中是推荐的方式），并将 s-s-r 设置为 false。然而，再一次，它一直都是这样，并且以前运行良好。

我不明白为什么会这样。任何帮助或指示将不胜感激。

【参考方案1】：

这是 nuxt 2.4.0 中的一个错误。 它已在 2.4.2 中修复，已发布 https://github.com/nuxt/nuxt.js/releases/tag/v2.4.2

【参考方案2】：

您的 package.json 中可能将 Nuxt 版本定义为 "nuxt": "^2.3.4"，因此它会自动更新为 Nuxt 2.4.0。将其更改为 "nuxt": "2.3.4" 并运行 npm install。