1

我正在尝试在我的个人计算机上编译一个工作存储库(这样我就可以远程工作),但每次我运行时npm start都会收到以下消息:

npm ERR! Cannot read property 'match' of undefined

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/thiago/.npm/_logs/2019-12-14T14_08_32_310Z-debug.log

好吧,我做了很多网站(无数次)rm -rf package-lock.json /node_modules

之后,我可以安装模块,它会生成一个新的package-lock.json

然后,当我运行时,npm start我收到以下错误:

ERROR in ./node_modules/css-loader/dist/cjs.js??ref--2-1!./node_modules/postcss-loader/lib??ref--2-2!./node_modules/resolve-url-loader??ref--2-3!./node_modules/sass-loader/dist/cjs.js??ref--2-4!./node_modules/bootstrap/dist/css/bootstrap.css
Module build failed: Syntax Error 

(4664:2) Unclosed block

  4662 | 
  4663 | .navbar-light .navbar-toggler-icon {
> 4664 |   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
       |  ^
  4665 | }
  4666 | 

 @ ./node_modules/bootstrap/dist/css/bootstrap.css 4:14-221 18:2-22:4 19:20-227
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://0.0.0.0:3000 webpack/hot/dev-server babel-polyfill react-hot-loader/patch webpack-dev-server/client?http://0.0.0.0:3000 webpack/hot/only-dev-server whatwg-fetch ./src/index
Child html-webpack-plugin for "index.html":
     1 asset
    [./node_modules/html-webpack-plugin/lib/loader.js!./index.hbs] ./node_modules/html-webpack-plugin/lib/loader.js!./index.hbs 716 bytes {0} [built]
    [./node_modules/lodash/lodash.js] ./node_modules/lodash/lodash.js 541 kB {0} [built]
    [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 509 bytes {0} [built]
    [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 517 bytes {0} [built]
webpack: Failed to compile.

我试图搜索很多关于它!但不幸的是,我没有任何线索。这是一个webpack的问题?还是引导?后 CSS?或者甚至没有这些?非常感谢您的关注。我非常感谢任何帮助。

编辑:一位朋友帮助我,我决定删除导致错误的类另一个错误出现:

ERROR in ./node_modules/css-loader/dist/cjs.js??ref--2-1!./node_modules/postcss-loader/lib??ref--2-2!./node_modules/resolve-url-loader??ref--2-3!./node_modules/sass-loader/dist/cjs.js??ref--2-4!./node_modules/bootstrap/dist/css/bootstrap.css
Module build failed: Syntax Error 

(4709:2) Unclosed block

  4707 | 
  4708 | .navbar-dark .navbar-toggler-icon {
> 4709 |   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
       |  ^
  4710 | }
  4711 | 

我也删除了这个,现在它运行完美!

好吧,如果有人知道为什么会发生这种情况以及出了什么问题,我将非常感激。非常感谢。

4

1 回答 1

1

解决方案是:

  1. 删除所有空格。
  2. 删除此块 -> 编译 -> 粘贴回来并尝试编译
于 2019-12-14T14:38:30.217 回答