我刚开始学习编码和绝对初学者。
我正在尝试学习Shopify主题开发,所以我有这个示例代码,用于在文件夹src到scss上安装引导程序,然后尝试在我的文件app.scss上导入引导程序
@import '~bootstrap/scss/bootstrap';
在这里,我在终端上收到以下错误:
中的错误/src/scss/app.scss
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
2 │ @import '~bootstrap/scss/bootstrap';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
/Users/meganicon/meganicondev/src/scss/app.scss 2:9 root stylesheet
@ ./src/scss/app.scss 2:14-253
Asset Size Chunks Chunk Names
/app.js 339 KiB /app [emitted] /app
ERROR in ./src/scss/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
2 │ @import '~bootstrap/scss/bootstrap';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
/Users/meganicon/meganicondev/src/scss/app.scss 2:9 root stylesheet
at /Users/meganicon/meganicondev/node_modules/webpack/lib/NormalModule.js:316:20
at /Users/meganicon/meganicondev/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /Users/meganicon/meganicondev/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/Users/meganicon/meganicondev/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /Users/meganicon/meganicondev/node_modules/sass-loader/dist/index.js:73:7
at Function.call$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:88191:16)
at _render_closure1.call$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:77610:12)
at _RootZone.runBinary$3$3 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:26152:18)
at _RootZone.runBinary$3 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:26156:19)
at _FutureListener.handleError$1 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24600:19)
at _Future__propagateToListeners_handleError.call$0 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24897:40)
at Object._Future__propagateToListeners (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:4311:88)
at _Future._completeError$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24725:9)
at _AsyncAwaitCompleter.completeError$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24117:12)
at Object._asyncRethrow (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:4065:17)
at /Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:14087:20
at _wrapJsFunctionForAsync_closure.$protected (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:4090:15)
at _wrapJsFunctionForAsync_closure.call$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24138:12)
at _awaitOnObject_closure0.call$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24130:25)
at _RootZone.runBinary$3$3 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:26152:18)
at _RootZone.runBinary$3 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:26156:19)
at _FutureListener.handleError$1 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24600:19)
at _Future__propagateToListeners_handleError.call$0 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24897:40)
at Object._Future__propagateToListeners (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:4311:88)
at _Future._completeError$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24725:9)
at _AsyncAwaitCompleter.completeError$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24117:12)
at Object._asyncRethrow (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:4065:17)
at /Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:16672:20
at _wrapJsFunctionForAsync_closure.$protected (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:4090:15)
at _wrapJsFunctionForAsync_closure.call$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24138:12)
at _awaitOnObject_closure0.call$2 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24130:25)
at _RootZone.runBinary$3$3 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:26152:18)
at _RootZone.runBinary$3 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:26156:19)
at _FutureListener.handleError$1 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24600:19)
at _Future__propagateToListeners_handleError.call$0 (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:24897:40)
at Object._Future__propagateToListeners (/Users/meganicon/meganicondev/node_modules/sass/sass.dart.js:4311:88)
@ ./src/scss/app.scss
ERROR in ./src/scss/app.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/dist/cjs.js??ref--5-5!./src/scss/app.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
2 │ @import '~bootstrap/scss/bootstrap';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
/Users/meganicon/meganicondev/src/scss/app.scss 2:9 root stylesheet
@ ./src/scss/app.scss 2:14-253
谢谢你们!
它告诉您找不到引导程序scss文件。您需要在shell中键入以下命令来安装它:
npm install bootstrap