首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >模块解析失败:生成时出错

问模块解析失败:生成时出错
EN

Stack Overflow用户
提问于 2019-11-20 07:03:57
回答 1查看 2.9K关注 0票数 0

我一直在试图解决这个问题,但我找不到任何解决办法。

我使用vue init webpack-simple my-project创建了项目

我使用了https://vuetifyjs.com/en/getting-started/quick-start#webpack-install中提到的相同步骤

在运行npm run dev之后,我得到了所有vuetify组件的这些错误

代码语言:javascript
复制
ERROR in ./node_modules/vuetify/src/styles/main.sass (./node_modules/css-loader!./node_modules/sass-loader/dist/cjs.js??ref--4-2!./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/sass-loader/dist/cjs.js?indentedSyntax!./node_modules/vuetify/src/styles/main.sass)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.
 - options has an unknown property 'indentedSyntax'. These properties are valid:
   object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
    at validate (D:\project\webpack-vue\my-project\node_modules\sass-loader\node_modules\schema-utils\dist\validate.js:50:11)
    at Object.loader (D:\project\webpack-vue\my-project\node_modules\sass-loader\dist\index.js:36:28)
 @ ./node_modules/vuetify/src/styles/main.sass 4:14-222 13:3-17:5 14:22-230
 @ ./node_modules/vuetify/lib/framework.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./src/vuetify.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./src/main.js

ERROR in ./node_modules/vuetify/src/directives/ripple/VRipple.sass (./node_modules/css-loader!./node_modules/sass-loader/dist/cjs.js??ref--4-2!./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/sass-loader/dist/cjs.js?indentedSyntax!./node_modules/vuetify/src/directives/ripple/VRipple.sass)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.
 - options has an unknown property 'indentedSyntax'. These properties are valid:
   object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
    at validate (D:\project\webpack-vue\my-project\node_modules\sass-loader\node_modules\schema-utils\dist\validate.js:50:11)
    at Object.loader (D:\project\webpack-vue\my-project\node_modules\sass-loader\dist\index.js:36:28)
 @ ./node_modules/vuetify/src/directives/ripple/VRipple.sass 4:14-240 13:3-17:5 14:22-248
 @ ./node_modules/vuetify/lib/directives/ripple/index.js
 @ ./node_modules/vuetify/lib/directives/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./src/vuetify.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./src/main.js

package.json:

代码语言:javascript
复制
  "dependencies": {
    "vue": "^2.5.11",
    "vuetify": "^2.1.10"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ],
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-env": "^1.6.0",
    "babel-preset-stage-3": "^6.24.1",
    "cross-env": "^5.0.5",
    "css-loader": "^0.28.7",
    "deepmerge": "^4.2.2",
    "fibers": "^4.0.2",
    "file-loader": "^1.1.4",
    "sass": "^1.23.7",
    "sass-loader": "^8.0.0",
    "vue-loader": "^13.0.5",
    "vue-template-compiler": "^2.4.4",
    "webpack": "^4.13.0",
    "webpack-cli": "^3.0.8",
    "webpack-dev-server": "^3.1.4"
  }

我没有修改webpack的任何东西,只是添加了几行vuetify建议(可在上面的链接)。

EN

回答 1

Stack Overflow用户

发布于 2019-11-20 10:04:46

你发布的链接提到你需要sass-loader@^7.0.0。

//需要sass-加载程序@^7.0.0

当您使用"sass-loader": "^6.0.6"时。

您所面临的问题在github问题上出现了几次,并且很可能与sass版本有关。

  1. 将sass和sass-loader从package.json中删除
  2. 运行npm i或yarn
  3. 运行npm i sass sass-loader@^7.0.0或yarn add sass sass-loader@^7.0.0
  4. 运行npm run dev
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58948536

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档