Error in scss index scss
Решить Cannot Find Module ‘./index.module.scss’ or Its Corresponding Type Declarations.ts (2307).
Что ж, эта ошибка возникает при сборке React + TypeScript + SCSS. Сначала в нем много Baidu, но . . . . Не предназначено, решения нет.
Среда TypeScript сконструирована
В любом случае, я чувствую себя просто и понятно, и мне комфортно. После его настройки возникает проблема.
import styles from “./index.module.scss”;
Он сообщает об ошибке, это было неправильно. . . Количество, в шоке! ! !
Если это не ссылка на модуль, т.Е.
import “./index.module.scss”;
Не генерирует сообщения об ошибках, может работать нормально.
Поскольку самих стилей нет в SCSS, он сообщит об ошибке. Я нашел несколько сообщений. Вероятно, TS не является средой узла, и необходимо изменить этот файл с помощью ts.config.json.
Итак, море – это лысина, и он обратился к надежде.
Три метода решения этой проблемы.
Ссылка: YDJFE-Nuggets
Хахаха, я чувствую себя очень хорошо, великолепно.
Далее, я думаю, что мой все еще подходит для ИМПОРТА, ПОЭТОМУ я выбрал третий вид, удивленный.
Мой tsconfig.json
{
“compilerOptions”: {
“target”: “es6”,
“module”: “es2015”,
“lib”: [
“dom”,
“dom.iterable”,
“esnext”
],
“allowJs”: true,
“skipLibCheck”: true,
“esModuleInterop”: true,
“allowSyntheticDefaultImports”: true,
“strict”: true,
“forceConsistentCasingInFileNames”: true,
“moduleResolution”: “node”,// Node environment
“resolveJsonModule”: true,
“isolatedModules”: true,
“noEmit”: true,
“jsx”: “preserve”,
“baseUrl”: “src”,
“paths”: {
“@/*”: [
“./*”
]
},
“experimentalDecorators”: true
},
“include”: [
“src”,
“typed-css.d.ts”// Configure .d.ts file
]
}
Мой типизированный-css.d.ts
declare module ‘*.module.css’ {
const classes: { readonly [key: string]: string }
export default classes
}
declare module ‘*.module.sass’ {
const classes: { readonly [key: string]: string }
export default classes
}
declare module ‘*.module.scss’ {
const classes: { readonly [key: string]: string }
export default classes
}
проблема решена.
конец…
SassError: expected “{“.
Эта проблема была создана с 2020-07-13.
использование: sass-loader, css-загрузчик, стиль-загрузчик
package.json:
{
“css-loader”: “^3.6.0”,
“sass”: “^1.26.10”,
“sass-loader”: “^9.0.2”,
“style-loader”: “^1.2.1”
}
Ответ
Если это основная проблема с этой проблемой, то мой случай отличается. Определенно нет двух экземпляров css-loader.
ERROR in …/libs/…/src/index.scss (
…/node_modules/css-loader/dist/cjs.js??ref–14-1
!…/node_modules/postcss-loader/src??embedded
!…/node_modules/resolve-url-loader??ref–14-3
!…/node_modules/sass-loader/dist/cjs.js??ref–14-4
!…/libs/…/src/index.scss
)
Module build failed (from …/node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after ” @include badge”: expected “}”, was “.load-host;”
on line 4 of libs/…/src/lib/badge/badge.scss
from line 1 of …/libs/…/src/index.scss
>> @include badge.load-host;
