webpack 更新依赖项后在Laravel Nova中渲染组件的问题

btxsgosb  于 11个月前  发布在  Webpack
关注(0)|答案(1)|浏览(133)

你好Stack Overflow社区!
在更新项目中的依赖项后,我在Laravel Nova中渲染组件时遇到了一个问题。当尝试在Laravel Nova中打开组件时,我得到一个错误“TypeError:Cannot read properties of undefined(阅读'_c')"。在更新依赖项并运行npm run dev命令后,问题发生了。
以下是我已经采取的一些额外信息和步骤:
在组件目录中安装了本地版本的vue-loader和vue-template-compiler。在组件的package.json中删除依赖项的版本。删除临时文件,重建组件和项目。确保项目的各个部分中没有其他webpack配置文件。组件中的webpack.mix.js文件如下所示:

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

require('./nova.mix')

mix
  .setPublicPath('dist')
  .js('resources/js/tool.js', 'js')
  .vue()
  .css('resources/css/tool.css', 'css')
  .nova('{{ name }}')

字符串
如果任何人遇到类似的问题或可以建议额外的诊断步骤,我将不胜感激的帮助!
其他信息:
Laravel Nova:版本4.x Vue.js:版本2.7.15 Laravel Mix:版本6.0.49
我已经采取了几个步骤来解决这个问题:
安装并更新了package.json文件中依赖项的版本。在组件目录中安装了本地版本的vue-loader和vue-template-compiler。删除了node_modules和dist目录,然后运行npm install和npm run dev重建项目和组件。验证了项目的不同部分中没有冲突的webpack配置或冲突的依赖项。尽管付出了这些努力,这个问题仍然存在。我希望组件在依赖更新后不会出现错误。
如果有人遇到类似的问题,或者可以提供进一步的指导来解决Laravel Nova中的“TypeError:Cannot read properties of undefined(阅读'_c')”问题,我将非常感谢您的帮助。
我注意到这个问题是在Vue.js从2.6.12更新到2.7.15后出现的。

fnvucqvd

fnvucqvd1#

我是这样解决的:
Root package.json:确保root package.json中的Vue.js版本设置为2.6.12,以确保与现有依赖项的兼容性。
组件包.json:在Nova组件的package.json中,您已经设置了“vue-loader”:“^16.8.3”和“@vue/compiler-sfc”:“^3.3.9”。此配置与Vue.js 2.6.12兼容。
安装依赖项:在Nova组件目录中运行npm install,以确保安装了依赖项。
重新构建:再次运行npm run dev来重新构建项目。
此配置允许我在Laravel Nova组件中使用Vue.js 2.6.12和vue-loader 16.x和@vue/compiler-sfc 3.x,而不会遇到上述错误。
如果社区中有人遇到类似的问题,或者有其他解决方案,可以提供与Vue.js 2.7.15以及指定版本的vue-loader和@vue/compiler-sfc更好的兼容性,我会很感激听到他们。是否有任何改进或不同配置的建议,可以更有效地解决这个问题?

相关问题