javascript - 为什么我在 Nuxt 中突然出现未知单词错误？

Question

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

在此项目中，我使用 Vue Flickity，其中包含指向 node_modules 中的 Flickity CSS 文件的链接。 。到目前为止，这一直工作正常，似乎是问题的根源。

当我运行npm run dev时我收到以下错误:

ERROR in ./node_modules/flickity/dist/flickity.css?vue&type=style&index=0&lang=css& friendly-errors 16:00:12

Syntax Error: ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js): friendly-errors 16:00:12 SyntaxError

(141:7) Unknown word

139 | 140 | if(module.hot) {

141 | // 1548777611244 | ^ 142 | var cssReload = require("../../extract-css-chunks-webpack-plugin/dist/hotModuleReplacement.js")(module.id, {"fileMap":"{fileName}","reloadAll":true}); 143 |
module.hot.dispose(cssReload); > friendly-errors 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 @ multi eventsource-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 中推荐的方式)，并将 SSR 设置为 false。然而，它一直都是这样，并且以前工作得很好。

我不明白为什么会发生这种情况。任何帮助或指示将不胜感激。

Answer 1

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