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

Question

我有一个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 SyntaxError

     

（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}”，“ reloadAll”：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中的推荐方法），并且SSR设置为false。再次，但是，它一直都是这种方式，并且以前运行良好。

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

Answer 1

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

Answer 2

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