Laravel livewire 如何在Chrome下安装livewire开发工具？

在我的Livewire/Livewire 2/laravel 7应用程序的控制台中，我发现了错误：

login?email=admin%40mail.com&password=111111:60 Uncaught TypeError: window.livewire.devTools is not a function
    at login?email=admin%40mail.com&password=111111:60
(anonymous) @ login?email=admin%40mail.com&password=111111:60
livewire-turbolinks.js:31 Uncaught TypeError: Livewire.hook is not a function

我找到了这一页，并试图跟上它 我上传并解包了chrome.zip，其中包含

serge@AtHome:~/chrome$ ls -la
total 48
drwxrwxr-x  5 serge serge 4096 Nov 24 18:23 .
drwxr-xr-x 40 serge serge 4096 Nov 24 18:22 ..
drwxrwxr-x  2 serge serge 4096 Aug 30 23:47 build
-rw-r--r--  1 serge serge   78 Aug 30 23:36 devtools-background.html
-rw-r--r--  1 serge serge  383 Aug 30 22:09 devtools.html
-rw-r--r--  1 serge serge 6148 Sep  1 10:28 .DS_Store
drwxrwxr-x  2 serge serge 4096 Sep  1 15:08 icons
-rw-r--r--  1 serge serge 1175 Sep  3 23:34 manifest.json
-rw-rw-r--  1 serge serge   27 Nov 24 18:23 package-lock.json
drwxrwxr-x  2 serge serge 4096 Aug 30 23:36 popups
-rw-r--r--  1 serge serge  162 Sep  1 18:10 .web-extension-id

但尝试安装时出现错误：

serge@AtHome:~/chrome$ npm install
npm WARN saveError ENOENT: no such file or directory, open '/home/serge/chrome/package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open '/home/serge/chrome/package.json'
npm WARN chrome No description
npm WARN chrome No repository field.
npm WARN chrome No README data
npm WARN chrome No license field.

up to date in 0.523s
found 0 vulnerabilities

serge@AtHome:~/chrome$ npm run build
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /home/serge/chrome/package.json
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/home/serge/chrome/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/serge/.npm/_logs/2020-11-24T16_23_38_605Z-debug.log

我没有看到文件package.json，但有文件package-lock.json，其中包含：

{
  "lockfileVersion": 1
}

要在我的Google Chrome版本85.0.4183.121（官方版本）（64位）下安装它，我必须做些什么

修改的块： 我从中加载并安装了包 并在下面选择chrome://extensions/ 但我看到红色的错误按钮：

单击它，我看到错误：

Error in event handler: ReferenceError: suffix is not defined
Context
_generated_background_page.html
Stack Trace
build/background.js:1 (anonymous function)


!function(e){var n={};function o(t){if(n[t])return n[t].exports;var s=n[t]={i:t,l:!1,exports:{}};return e[t].call(s.exports,s,s.exports,o),s.l=!0,s.exports}o.m=e,o.c=n,o.d=function(e,n,t){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="",o(o.s=659)}({659:function(e,n){const o={};let t;chrome.runtime.onConnect.addListener(e=>{let n,t;!function(e){return+e+""===e}(e.name)?(n=e.sender.tab.id,t="backend"):(n=e.name,t="devtools",function(e){chrome.tabs.executeScript(e,{file:"/build/proxy.js"},function(n){n?console.log("injected proxy to tab "+e):o[e].devtools.postMessage("proxy-fail")})}(+e.name)),o[n]||(o[n]={devtools:null,backend:null}),o[n][t]=e,o[n].devtools&&o[n].backend&&function(e,n,t){function s(n){if("log"===n.event)return console.log("tab "+e,n.payload);console.log("devtools -> backend",n),t.postMessage(n)}function c(o){if("log"===o.event)return console.log("tab "+e,o.payload);console.log("backend -> devtools",o),n.postMessage(o)}function r(){console.log("tab "+e+" disconnected."),n.onMessage.removeListener(s),t.onMessage.removeListener(c),n.disconnect(),t.disconnect(),o[e]=null}n.onMessage.addListener(s),t.onMessage.addListener(c),n.onDisconnect.addListener(r),t.onDisconnect.addListener(r),console.log("tab "+e+" connected.")}(n,o[n].devtools,o[n].backend)}),chrome.runtime.onMessage.addListener((e,n)=>{n.tab&&e.livewireDetected&&(chrome.browserAction.setIcon({tabId:n.tab.id,path:{16:"icons/1.png",48:"icons/48.png",128:"icons/128.png"}}),chrome.browserAction.setPopup({tabId:n.tab.id,popup:e.devtoolsEnabled?`popups/enabled${suffix}.html`:`popups/disabled${suffix}.html`}))}),chrome.tabs.onActivated.addListener(({tabId:e})=>{t=e}),chrome.contextMenus.onClicked.addListener((e,n)=>{chrome.runtime.sendMessage({vueContextMenu:{id:e.menuItemId}})})}});

我重新打开Chrome并重新加载Kubutu。 问题可能是什么？如何解决

已修改： 看着树枝 我发现了一些如何修复它的提示：

在package.json文件中，我添加了

“依赖性”：{ “eslint”：“^7.9.0” },

eslint生产线和运行

npm install
npm run watch-poll

成功地

在我的项目中，我发现了3个文件：

/供应商/livewire/livewire/dist/manifest.json /public/mix-manifest.json /public/vendor/livewire/manifest.json

但所有这3个文件都是自动生成的，我在阅读时不知道要编辑哪个文件：

{
  ...
  "permissions": [
    "http://*/*",
    "https://*/*",
+   "contextMenus"
  ],
  ...
}
contextMenus is missed in manifest.json

?

---

谢谢

当您执行

ls-la

时，您应该会看到此回购的文件/文件夹：请查看已修改的区块。请查看已修改的：我返回到“livewire/livewire”：“^1.3”，没有此错误。这似乎是分支2的错误。谁使用过livewire？它稳定吗？如果现在有意义移动到它？当您执行

ls-la

时，您应该会看到此回购的文件/文件夹：请查看修改后的区块请查看修改后的区块：我返回到“livewire/livewire”：“^1.3”，并且没有此错误。这似乎是分支2的错误。谁使用过livewire？它稳定吗？如果现在有意识的话？