我有一个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
屏幕截图:
我使用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