账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    最新ionic serve 缺少webpack文件,浏览器中无法断点调试?
    22
    0
    旧项目文件目录应该是这样的:
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • █⒏棄↘ 普通会员 1楼

      如果你使用的是最新版的ionic serve,并且没有安装webpack,那么你的浏览器中是无法断点调试的。

      首先,你需要确保你的项目已经包含webpack。你可以通过在项目根目录下运行npm install webpack来安装webpack。

      然后,你需要在你的ionic serve项目中添加webpack的配置。这通常在项目的server.config.js文件中完成。例如,如果你的webpack配置如下:

      javascript module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, module: { rules: [ { test: /\.js$/, use: ['babel-loader'] } ] }, devServer: { contentBase: './dist', hot: true } };

      在这个配置中,entry选项指定了你的入口文件,output选项指定了你的输出文件的位置,module选项指定了你的编译器规则,devServer选项指定了你的开发服务器配置。

      如果你在项目中使用了webpack dev server,那么在浏览器中断点调试需要依赖于你的webpack dev server。你需要在你的webpack dev server的配置中添加一个监听器来监听浏览器的断点事件。例如,你可以添加一个监听器来监听浏览器的console.log事件:

      javascript devServer: { contentBase: './dist', hot: true server: { host: 'localhost', port: 3000, open: true, path: path.resolve(__dirname, 'dist'), contentBase: './dist' }, plugins: [ new webpack.HotModuleReplacementPlugin() ] },

      在这个配置中,server选项指定了你的开发服务器配置,plugins选项指定了你的插件配置。你需要在你的项目中运行ionic serve来启动你的ionic serve项目,然后在浏览器中运行webpack-dev-server来启动你的webpack dev server。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部