Laravel TypeError: Невозможно прочитать свойство 'js' из неопределенного - PullRequest
Новая
       15

Laravel TypeError: Невозможно прочитать свойство 'js' из неопределенного

1 голос
/ 04 июля 2019

Я знаю, что есть другие вопросы об ошибке "Не удается прочитать свойство 'X' неопределенного" в Laravel, но у каждого из них есть свое исправление, зависящее от X.

Ошибка, которую я получаю при запуске npm run watch или npm run dev: 

 @ dev C:\Users\ME\Documents\CBLOG
> node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/s
etup/webpack.config.js

C:\Users\ME\Documents\CBLOG\webpack.mix.js:15
mix.js('resources/assets/js/app.js', 'public/js')
    ^

TypeError: Cannot read property 'js' of undefined
    at Object.<anonymous> (C:\Users\ME\Documents\CBLOG\webpack.mix.js:15:5)
    at Module._compile (internal/modules/cjs/loader.js:688:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
    at Module.load (internal/modules/cjs/loader.js:598:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
    at Function.Module._load (internal/modules/cjs/loader.js:529:3)
    at Module.require (internal/modules/cjs/loader.js:636:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (C:\Users\ME\Documents\CBLOG\node_modules\laravel-mix\setup\webpack.config.js:12:1)
    at Module._compile (internal/modules/cjs/loader.js:688:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
    at Module.load (internal/modules/cjs/loader.js:598:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
    at Function.Module._load (internal/modules/cjs/loader.js:529:3)
    at Module.require (internal/modules/cjs/loader.js:636:17)
    at require (internal/modules/cjs/helpers.js:20:18)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_module
s/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
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, веб-пакета и даже удаления папки node_modules и переустановки с помощью команды npm install, но без блокировки.

Package.json 

 "private": true,
  "scripts": {
    "dev": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.19.0",
    "bootstrap-sass": "^3.4.1",
    "cross-env": "^5.2.0",
    "jquery": "^3.4.1",
    "laravel-mix": "^4.0.16",
    "lodash": "^4.16.2",
    "vue": "^2.6.10"
  },
  "dependencies": {
    "laravel-echo": "^1.5.4",
    "pusher-js": "^4.4.0",
    "webpack": "^2.1.0-beta.22",
    "webpack-cli": "^3.3.5"
  }

webpack.mix.js 

const { mix } = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

1 Ответ

1 голос
/ 04 июля 2019

Просто удалите скобки, окружающие mix в первой строке: 

const mix = require('laravel-mix');

Не работает с фигурными скобками, потому что laravel-mix не использует именованный экспорт.

Вы можете взглянуть на этот ответ для получения дополнительной информации об импорте и экспорте: Когда я должен использовать фигурные скобки для импорта ES6?

...