我有一个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}”,“ 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
  


屏幕截图:

javascript - 为什么我突然在Nuxt中收到未知单词错误?-LMLPHP

我使用cli来创建项目,因此甚至没有涉及任何Webpack配置。

通过将SSR设置为false的插件(如Nuxt中的推荐方法)调用Vue Flickity。再一次,但是,它一直都是这种方式,并且以前运行良好。

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

最佳答案

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

10-06 08:10