Как исправить ошибку после запуска "npm run dev" - PullRequest
Новая
       5

Как исправить ошибку после запуска "npm run dev"

0 голосов
/ 10 апреля 2019

Я следовал учебному пособию по Laravel из серии Laracast «Laravel 5.7 From Scratch», когда мне нужно было запустить команду « npm run dev » в командной строке. Это породило множество ошибок, которые я включил ниже.

Я погуглил точные сообщения об ошибках и попробовал все предложенное.

Джеффри Уэй, который делает Laracasts, предложил следующее: 

    
    rm -rf node_modules
    rm package-lock.json yarn.lock
    npm cache clear --force
    npm install

Затем я прочитал в другом месте, что я должен попытаться установить зависимости одну за другой, используя npm install --save , затем снова запустить npm install, но это все равно не помогло.

Полезная информация, если она помогает:
Версия Linux : Debian GNU / Linux 8.11 (jessie)
PHP версия : PHP 7.1.27
версия NPM : 5.1.0

Сообщения об ошибках, которые я получил после запуска npm run dev , выглядят следующим образом: 

> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

 98% after emitting SizeLimitsPlugin                                            

 ERROR  Failed to compile with 2 errors                                                                                                                                                                 10:41:15 AM

 error  in ./resources/sass/app.scss

Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import '/myfirstsite/node_modules/bulma/sass/utilities/_all.sass'
       ^
      Can't find stylesheet to import.
  ╷
7 │ @import '/myfirstsite/node_modules/bulma/sass/utilities/_all.sass'
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  resources/sass/bulma.sass 7:9  @import
  stdin 10:9                     root stylesheet
      in /srv/htdocs/projects/frameworks/laravel/myfirstsite/resources/sass/bulma.sass (line 7, column 9)
    at runLoaders (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/webpack/lib/NormalModule.js:301:20)
    at /srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at render (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass-loader/lib/loader.js:52:13)
    at Function.$2 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:24382:48)
    at wO.$2 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:15310:15)
    at uT.vr (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9042:42)
    at uT.vq (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9044:32)
    at iz.uD (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8392:46)
    at us.$0 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8534:7)
    at Object.eG (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1512:80)
    at ad.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8455:3)
    at iN.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8385:25)
    at iN.cv (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8372:6)
    at py.cv (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8162:35)
    at Object.m (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1383:19)
    at /srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:5070:51
    at xe.a (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1394:71)
    at xe.$2 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8177:23)
    at vR.$2 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8172:25)
    at uT.vr (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9042:42)
    at uT.vq (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9044:32)
    at iz.uD (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8392:46)
    at us.$0 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8534:7)
    at Object.eG (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1512:80)
    at ad.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8455:3)
    at iN.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8385:25)
    at iN.cv (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8372:6)
    at Object.eval (eval at CK (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:648:15), <anonymous>:3:37)
    at uT.vr (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9042:42)
    at uT.vq (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9044:32)
    at iz.uD (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8392:46)
    at us.$0 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8534:7)
    at Object.eG (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1512:80)
    at ad.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8455:3)

 error  in ./resources/sass/app.scss

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import '/myfirstsite/node_modules/bulma/sass/utilities/_all.sass'
       ^
      Can't find stylesheet to import.
  ╷
7 │ @import '/myfirstsite/node_modules/bulma/sass/utilities/_all.sass'
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  resources/sass/bulma.sass 7:9  @import
  stdin 10:9                     root stylesheet
      in /srv/htdocs/projects/frameworks/laravel/myfirstsite/resources/sass/bulma.sass (line 7, column 9)

 @ ./resources/sass/app.scss 2:14-255

     Asset      Size   Chunks             Chunk Names
/js/app.js  1.74 MiB  /js/app  [emitted]  /js/app

ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import '/myfirstsite/node_modules/bulma/sass/utilities/_all.sass'
       ^
      Can't find stylesheet to import.
  ╷
7 │ @import '/myfirstsite/node_modules/bulma/sass/utilities/_all.sass'
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  resources/sass/bulma.sass 7:9  @import
  stdin 10:9                     root stylesheet
      in /srv/htdocs/projects/frameworks/laravel/myfirstsite/resources/sass/bulma.sass (line 7, column 9)
    at runLoaders (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/webpack/lib/NormalModule.js:301:20)
    at /srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at render (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass-loader/lib/loader.js:52:13)
    at Function.$2 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:24382:48)
    at wO.$2 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:15310:15)
    at uT.vr (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9042:42)
    at uT.vq (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9044:32)
    at iz.uD (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8392:46)
    at us.$0 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8534:7)
    at Object.eG (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1512:80)
    at ad.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8455:3)
    at iN.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8385:25)
    at iN.cv (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8372:6)
    at py.cv (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8162:35)
    at Object.m (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1383:19)
    at /srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:5070:51
    at xe.a (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1394:71)
    at xe.$2 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8177:23)
    at vR.$2 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8172:25)
    at uT.vr (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9042:42)
    at uT.vq (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9044:32)
    at iz.uD (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8392:46)
    at us.$0 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8534:7)
    at Object.eG (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1512:80)
    at ad.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8455:3)
    at iN.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8385:25)
    at iN.cv (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8372:6)
    at Object.eval (eval at CK (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:648:15), <anonymous>:3:37)
    at uT.vr (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9042:42)
    at uT.vq (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:9044:32)
    at iz.uD (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8392:46)
    at us.$0 (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8534:7)
    at Object.eG (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:1512:80)
    at ad.ba (/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/sass/sass.dart.js:8455:3)
 @ ./resources/sass/app.scss

ERROR in ./resources/sass/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/lib/loader.js??ref--5-5!./resources/sass/app.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import '/myfirstsite/node_modules/bulma/sass/utilities/_all.sass'
       ^
      Can't find stylesheet to import.
  ╷
7 │ @import '/myfirstsite/node_modules/bulma/sass/utilities/_all.sass'
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  resources/sass/bulma.sass 7:9  @import
  stdin 10:9                     root stylesheet
      in /srv/htdocs/projects/frameworks/laravel/myfirstsite/resources/sass/bulma.sass (line 7, column 9)
 @ ./resources/sass/app.scss 2:14-255
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2019-04-10T08_41_15_277Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2019-04-10T08_41_15_294Z-debug.log

Первая ошибка говорит, что есть ошибка в «./resources/sass/app.scss», но я не могу найти ошибку, и редактор не показывает ошибку. Содержимое app.scss: 

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
//@import '/myfirstsite/bootstrap/scss/bootstrap';
@import 'bulma.sass';

.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

Вторая ошибка говорит о том, что он не может найти таблицу стилей для импорта, однако путь дает правильный. Путь в ошибке: '/myfirstsite/node_modules/bulma/sass/utilities/_all.sass'.

Я проверил в командной строке и путь: /srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/bulma/sass/utilities/_all.sass, это правильно.

Подробности файла журнала: 

0 info it worked if it ends with ok
1 verbose cli [ '/root/.nvm/versions/node/v11.10.1/bin/node',
1 verbose cli   '/root/.nvm/versions/node/v11.10.1/bin/npm',
1 verbose cli   'run',
1 verbose cli   'development' ]
2 info using npm@5.1.0
3 info using node@v11.10.1
4 verbose run-script [ 'predevelopment', 'development', 'postdevelopment' ]
5 info lifecycle @~predevelopment: @
6 info lifecycle @~development: @
7 verbose lifecycle @~development: unsafe-perm in lifecycle true
8 verbose lifecycle @~development: PATH: /root/.nvm/versions/node/v11.10.1/lib/node_modules/npm/bin/node-gyp-bin:/srv/htdocs/projects/frameworks/laravel/myfirstsite/node_modules/.bin:/root/.nvm/versions/node/v1$
9 verbose lifecycle @~development: CWD: /srv/htdocs/projects/frameworks/laravel/myfirstsite
10 silly lifecycle @~development: Args: [ '-c',
10 silly lifecycle   'cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js' ]
11 silly lifecycle @~development: Returned: code: 2  signal: null
12 info lifecycle @~development: Failed to exec development script
13 verbose stack Error: @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
13 verbose stack Exit status 2
13 verbose stack     at EventEmitter.<anonymous> (/root/.nvm/versions/node/v11.10.1/lib/node_modules/npm/lib/utils/lifecycle.js:289:16)
13 verbose stack     at EventEmitter.emit (events.js:197:13)
13 verbose stack     at ChildProcess.<anonymous> (/root/.nvm/versions/node/v11.10.1/lib/node_modules/npm/lib/utils/spawn.js:40:14)
13 verbose stack     at ChildProcess.emit (events.js:197:13)
13 verbose stack     at maybeClose (internal/child_process.js:984:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:265:5)
14 verbose pkgid @
15 verbose cwd /srv/htdocs/projects/frameworks/laravel/myfirstsite
16 verbose Linux 3.16.0-7-amd64
17 verbose argv "/root/.nvm/versions/node/v11.10.1/bin/node" "/root/.nvm/versions/node/v11.10.1/bin/npm" "run" "development"
18 verbose node v11.10.1
19 verbose npm  v5.1.0
20 error code ELIFECYCLE
21 error errno 2
22 error @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
22 error Exit status 2
23 error Failed at the @ development script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 2, true ]

Содержимое файла package.json выглядит следующим образом: 

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.18.0",
        "babel-loader": "^8.0.5",
        "bulma": "^0.7.4",
        "bulma-extensions": "^4.1.1",
        "cross-env": "^5.2.0",
        "jquery": "^3.3.1",
        "laravel-mix": "^4.0.15",
        "lodash": "^4.17.11",
        "npm-install-webpack-plugin": "^4.0.5",
        "popper.js": "^1.15.0",
        "resolve-url-loader": "^2.3.2",
        "sass": "^1.18.0",
        "sass-loader": "^7.1.0",
        "vue": "^2.6.10",
        "vue-loader": "^15.7.0",
        "vue-template-compiler": "^2.6.10",
        "webpack": "^4.29.6"
    }
}

Пожалуйста, кто-нибудь может представить какую-либо идею, почему это происходит?

Это мой первый пост здесь, поэтому, если вам нужна дополнительная информация, пожалуйста, дайте мне знать, и я включу ее.

Заранее спасибо.

1 Ответ

0 голосов
/ 10 апреля 2019

Я думаю, что вы неправильно относитесь к своей булме. Вместо использования прямого пути, используйте ~ для пути модулей узла.

например, я импортирую это так 

@import "~bulma/bulma";

Это будет использовать файл bulma.sass из node_modules/bulma/bulma.sass.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...