在Docker的服务器上调试nuxtjs.vue文件

发布时间：2022-12-05 12:35:27 所属栏目：Asp教程来源：

导读： 我目前有一个nuxt应用程序设置为一个通用应用程序，在其中使用Docker托管。我已经完成了几乎所有的工作，调试器会在遍历中间件和api调用时附加并找到局部变量，但是在调试文件中的asyncData方法时asp调试器，.

我目前有一个nuxt应用程序设置为一个通用应用程序，在其中使用Docker托管。我已经完成了几乎所有的工作，调试器会在遍历中间件和api调用时附加并找到局部变量，但是在调试文件中的asyncData方法时asp调试器，.vue我看不到任何局部变量，并且断点不断移至该.catch行：

　　在当前上下文中，我还得到了一堆其他随机的东西，在这种情况下为“模块”？

　　我也将此行添加到我的nuxt.config.js文件中，以确保它使用正确的源映射：

　　     /*
　　 ** Build configuration
　　 */
　　 build: {
　　    /*
　　    ** You can extend webpack config here
　　    */
　　    extend(config, ctx) {
　　      console.log(`IsClient: ${ctx.isClient}`);
　　      console.log(`isDev: ${ctx.isDev}`);
　　      if (ctx.isDev) {
　　        config.devtool = ctx.isClient ? 'source-map' : 'inline-source-map'
　　      }
　　    }
　　 }
　　这也是我的.vscode配置：

　　{
　　    // Use IntelliSense to learn about possible attributes.
　　    // Hover to view descriptions of existing attributes.
　　    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
　　    "version": "0.2.0",
　　    "configurations": [
　　        {
　　            "name": "Docker: Attach to Node",
　　            "type": "node",
　　            "request": "attach",
　　            "remoteRoot": "/usr/share/nginx/app",
　　            "port": 9229,
　　            "address": "localhost",
　　            "localRoot": "${workspaceFolder}/app",
　　            "protocol": "inspector",
　　            "restart": true,
　　            "sourceMaps": true
　　        }
　　    ]
　　}
　　另外，这是我用来启动容器的命令：

　　 node --inspect=0.0.0.0:9229 \
　　            ./node_modules/.bin/nuxt \
　　            & nginx -g "daemon off;" \
　　自从编译以来，我尝试了很多不同的方法，包括使用babel-register并从babel-node启动它，但是这些方法都无效。

　　我在这里想念什么吗？.vue创建通用应用程序时，我们可以不调试服务器上的文件吗？

　　更新

　　我改用Webstorm，无论出于何种原因，调试都可以正常进行。我想那是使用IDE和文本编辑器之间的区别。

（编辑：应用网_阳江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!