安装使用bootstrap-sass后,启用项目报错,求教

安装完bootstrap-sass 后启用项目报错:

后安装 node-sass 和 sass-loader,启用项目报错:

## There is an issue with `node-fibers` ##
`/Users/***/Desktop/demo/vue-demo/node_modules/fibers/bin/darwin-x64-88/fibers.node` is missing.

Try running this to fix the issue: /usr/local/Cellar/node/15.5.0/bin/node /Users/***/Desktop/demo/vue-demo/node_modules/fibers/build
Error: Cannot find module '/Users/***/Desktop/demo/vue-demo/node_modules/fibers/bin/darwin-x64-88/fibers'
Require stack:
- /Users/***/Desktop/demo/vue-demo/node_modules/fibers/fibers.js
- /Users/***/Desktop/demo/vue-demo/node_modules/sass-loader/dist/utils.js
- /Users/***/Desktop/demo/vue-demo/node_modules/sass-loader/dist/index.js
- /Users/***/Desktop/demo/vue-demo/node_modules/sass-loader/dist/cjs.js
- /Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/loadLoader.js
- /Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/LoaderRunner.js
- /Users/***/Desktop/demo/vue-demo/node_modules/webpack/lib/NormalModule.js
- /Users/***/Desktop/demo/vue-demo/node_modules/webpack/lib/NormalModuleFactory.js
- /Users/***/Desktop/demo/vue-demo/node_modules/webpack/lib/Compiler.js
- /Users/***/Desktop/demo/vue-demo/node_modules/webpack/lib/webpack.js
- /Users/***/Desktop/demo/vue-demo/node_modules/@vue/cli-service/lib/commands/serve.js
- /Users/***/Desktop/demo/vue-demo/node_modules/@vue/cli-service/lib/Service.js
- /Users/***/Desktop/demo/vue-demo/node_modules/@vue/cli-service/bin/vue-cli-service.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:925:15)
    at Function.Module._load (node:internal/modules/cjs/loader:769:27)
    at Module.require (node:internal/modules/cjs/loader:997:19)
    at require (node:internal/modules/cjs/helpers:92:18)
    at Object.<anonymous> (/Users/***/Desktop/demo/vue-demo/node_modules/fibers/fibers.js:14:39)
    at Module._compile (node:internal/modules/cjs/loader:1108:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
    at Module.load (node:internal/modules/cjs/loader:973:32)
    at Function.Module._load (node:internal/modules/cjs/loader:813:14)
    at Module.require (node:internal/modules/cjs/loader:997:19)
    at require (node:internal/modules/cjs/helpers:92:18)
    at getSassOptions (/Users/***/Desktop/demo/vue-demo/node_modules/sass-loader/dist/utils.js:140:25)
    at Object.loader (/Users/***/Desktop/demo/vue-demo/node_modules/sass-loader/dist/index.js:43:55)
    at LOADER_EXECUTION (/Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
    at runSyncOrAsync (/Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
    at iterateNormalLoaders (/Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
/Users/***/Desktop/demo/vue-demo/node_modules/fibers/fibers.js:23
        throw new Error('Missing binary. See message above.');
              ^

Error: Missing binary. See message above.
    at Object.<anonymous> (/Users/***/Desktop/demo/vue-demo/node_modules/fibers/fibers.js:23:9)
    at Module._compile (node:internal/modules/cjs/loader:1108:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
    at Module.load (node:internal/modules/cjs/loader:973:32)
    at Function.Module._load (node:internal/modules/cjs/loader:813:14)
    at Module.require (node:internal/modules/cjs/loader:997:19)
    at require (node:internal/modules/cjs/helpers:92:18)
    at getSassOptions (/Users/***/Desktop/demo/vue-demo/node_modules/sass-loader/dist/utils.js:140:25)
    at Object.loader (/Users/***/Desktop/demo/vue-demo/node_modules/sass-loader/dist/index.js:43:55)
    at LOADER_EXECUTION (/Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
    at runSyncOrAsync (/Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
    at iterateNormalLoaders (/Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at /Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/LoaderRunner.js:186:6
    at context.callback (/Users/***/Desktop/demo/vue-demo/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /Users/***/Desktop/demo/vue-demo/node_modules/cache-loader/dist/index.js:240:7
    at /Users/***/Desktop/demo/vue-demo/node_modules/neo-async/async.js:2830:7
npm ERR! code 1
npm ERR! path /Users/***/Desktop/demo/vue-demo
npm ERR! command failed
npm ERR! command sh -c vue-cli-service serve

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/***/.npm/_logs/2021-01-21T01_59_55_598Z-debug.log

请问这是啥问题啊?版本兼容问题?环境:
系统:Mac

最佳答案

找到问题所在了,是sass-loader的版本太高了。

npm install sass-loader@7.0.3 --save-dev // 安装这个版本就解决了
3年前 评论
讨论数量: 3

我这边新建项目试了下,没复现出来这个问题,装下 npm i fibers 再试下呢?

3年前 评论
风吹乱坟岗 (楼主) 3年前
<style lang="scss"> // 我只要把 lang="scss" 去掉就不会报那一片错误了,但是就没办法用” bootstrap-sass“了
$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
@import "~bootstrap-sass/assets/stylesheets/_bootstrap";

body > .container { margin-top: 15px;}
</style>
3年前 评论

找到问题所在了,是sass-loader的版本太高了。

npm install sass-loader@7.0.3 --save-dev // 安装这个版本就解决了
3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!