Skip to content

CSS Error: Unexpected Token  #453

@xxxLukskyxxx

Description

@xxxLukskyxxx
  • Version:
    22.11.7
  • Target:
    Windows 10 x64

When i start webpack-electron some errors with css files occur. If I start the webpack-dev-server it works well.... Does somebody have an idea to fix that ?
Thanke you :)

ERROR in ./src/modules/live-preview/live-preview.css 1:0
    Module parse failed: Unexpected token (1:0)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    > .live-preview {
    |   position: sticky;
    |   top: 20%;
     @ ./src/modules/live-preview/index.ts 2:0-28
     @ ./src/app.tsx
     @ ./src/index.tsx
     @ multi ./src/index.tsx

    ERROR in ./src/styles.css 1:11
    Module parse failed: Unexpected token (1:11)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    > html, body {
    |     height: 100%;
    | }
     @ ./src/index.tsx 7:0-22
     @ multi ./src/index.tsx

    ERROR in ./node_modules/json-path-picker/lib/json-path-picker.css 2:28
    Module parse failed: Unexpected token (2:28)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    | /* Syntax highlighting for JSON objects */
    > ul.json-dict, ol.json-array {
    |   list-style-type: none;
    |   margin: 0 0 0 1px;
     @ ./src/index.tsx 6:0-51
     @ multi ./src/index.tsx
    ERROR in ./node_modules/bootstrap/dist/css/bootstrap.css 7:0
    Module parse failed: Unexpected token (7:0)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    |  */
    > :root {
    |   --blue: #007bff;
    |   --indigo: #6610f2;
     @ ./src/index.tsx 4:0-42
     @ multi ./src/index.tsx

This is my Webpack config

  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "build": "webpack --mode=production",
    "compile": "electron-webpack",
    "start": "webpack-dev-server",
    "test": "echo \"Error: no test specified\" && exit 1",
    "lint": "tslint -p tsconfig.json"
  },
  "electronWebpack": {
    "main": {
      "sourceDirectory": "src"
    },
    "renderer": {
      "sourceDirectory": "src"
    }
  },
  "devDependencies": {
    "@babel/preset-react": "^7.14.5",
    "@types/jquery": "^3.5.0",
    "@types/lodash": "^4.14.157",
    "@types/react": "^16.9.43",
    "@types/react-dom": "^16.9.8",
    "@types/webpack-env": "^1.15.2",
    "css-loader": "^5.2.7",
    "electron": "^13.2.2",
    "electron-builder": "^22.11.7",
    "electron-webpack": "^2.8.2",
    "electron-webpack-ts": "^4.0.1",
    "file-loader": "^6.0.0",
    "html-loader": "^1.1.0",
    "html-webpack-plugin": "^4.3.0",
    "node-sass": "^6.0.1",
    "sass-loader": "^12.1.0",
    "source-map-loader": "^1.0.1",
    "style-loader": "^1.2.1",
    "ts-loader": "^8.3.0",
    "tslint": "^6.1.2",
    "typescript": "^3.9.6",
    "webpack": "^4.46.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.2"
  },
  "dependencies": {
    "@json-editor/json-editor": "^2.5.4",
    "bootstrap": "^4.5.0",
    "file-saver": "^2.0.2",
    "jimp": "^0.14.0",
    "jquery": "^3.5.1",
    "json-path-picker": "^0.2.0",
    "jszip": "^3.7.0",
    "lodash": "^4.17.21",
    "popper.js": "^1.16.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "split.js": "^1.6.2"
  }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions