topic Error: GET https://localhost:8080/assets/status 404 (Not Found) in Developer

topic Error: GET https://localhost:8080/assets/status 404 (Not Found) in Developer https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2034399#M31302 <P>Hi,</P><P>I'm trying to create a new visual and for it I need to use a webpack.config.js for exclude node_modules. But when I start the project with webpack-dev-server (not pbiviz because it don't use the webpack.config.js) my localhost seems good but I have <span class="lia-inline-image-display-wrapper lia-image-align-left" image-alt="Error 404.PNG" style="width: 400px;"><img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/579076i3A02DA15EFC19539/image-size/medium?v=v2&px=400" role="button" title="Error 404.PNG" alt="Error 404.PNG" /></span></P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P>And the error : <FONT color="#FF0000">GET <A href="https://localhost:8080/assets/status" target="_blank" rel="noopener">https://localhost:8080/assets/status</A> 404 (Not Found) <FONT color="#000000">in the console</FONT></FONT></P><P> </P><P><FONT color="#FF0000"><FONT color="#000000">I don't understand where the probleme come from...</FONT></FONT></P><P> </P><P><FONT color="#FF0000"><FONT color="#000000">And I have this webpack.config.js:</FONT></FONT></P><P> </P><LI-CODE lang="javascript">var path = require('path') const fs = require("fs"); // werbpack plugin var webpack = require('webpack') console.log(require.resolve('powerbi-visuals-webpack-plugin')); const PowerBICustomVisualsWebpackPlugin = require('powerbi-visuals-webpack-plugin'); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); // const Visualizer = require('webpack-visualizer-plugin'); const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin'); // api configuration const powerbiApi = require("powerbi-visuals-api"); // visual configuration json path const pbivizPath = "./pbiviz.json"; const pbivizFile = require(path.join(__dirname, pbivizPath)); // the visual capabilities content const capabilitiesPath = "./capabilities.json"; const capabilitiesFile = require(path.join(__dirname, capabilitiesPath)); const pluginLocation = './.tmp/precompile/visualPlugin.ts'; // path to visual plugin file, the file generates by the plugin // string resources const resourcesFolder = path.join(".", "stringResources"); const localizationFolders = fs.readdirSync(resourcesFolder); // babel options to support IE11 let babelOptions = { "presets": [ [ require.resolve('@babel/preset-env'), { "targets": { "ie": "11", "chrome": "52" }, useBuiltIns: "entry", modules: false } ] ], sourceType: "unambiguous", // tell to babel that the project can contains different module types, not only es2015 modules cacheDirectory: path.join(".tmp", "babelCache") // path for chace files }; module.exports = { entry: './src/visual.ts', // output: { // path: path.resolve('./dist'), // filename: 'visual.bundle.js', // }, output: { path: path.join(__dirname, "/.tmp","drop"), publicPath: 'assets', filename: "[name].bundle.js", }, mode: "development", resolve: { extensions: ['.js', '.jsx', '.ts', '.tsx'], }, module: { rules: [ { test: /\.ts$/, use: 'ts-loader' }, { test: /\.js$/, use: { loader: 'babel-loader', options: { ignore: ['./node_modules/mapbox-gl/dist/mapbox-gl.js'] } } }, { test: /\.css$/, use: 'css-loader' }, { test: /\.less$/, use: [ { loader: 'css-loader', }, { loader: 'less-loader', }, ] } ] }, devServer: { // disableHostCheck: true, allowedHosts: 'all', static: path.join(__dirname, "/.tmp", "drop"), // path with assets for dev server, they are generated by webpack plugin compress: true, port: 8080, // dev server port hot: false, // inline: false, // cert files for dev server https: { pfx: fs.readFileSync(path.join(__dirname, 'node_modules\\powerbi-visuals-tools\\certs\\PowerBICustomVisualTest_public.pfx')), // for windows passphrase: "6529273902027273" }, headers: { "access-control-allow-origin": "*", "cache-control": "public, max-age=0" }, client: { overlay: true, progress: true, }, }, externals: { "powerbi-visuals-api": 'null', "fakeDefine": 'false', "corePowerbiObject": "Function('return this.powerbi')()", "realWindow": "Function('return this')()" }, plugins: [ new MiniCssExtractPlugin({ filename: "visual.css", chunkFilename: "[id].css" }), // new Visualizer({ // filename: "webpack.statistics.dev.html" // }), // visual plugin regenerates with the visual source, but it does not require relaunching dev server new webpack.WatchIgnorePlugin({paths:[ path.join(__dirname, pluginLocation), "./.tmp/**/*.*" ]}), // custom visuals plugin instance with options new PowerBICustomVisualsWebpackPlugin({ ...pbivizFile, capabilities: capabilitiesFile, stringResources: localizationFolders.map(localization => path.join( resourcesFolder, localization, "resources.resjson" )), apiVersion: powerbiApi.version, capabilitiesSchema: powerbiApi.schemas.capabilities, pbivizSchema: powerbiApi.schemas.pbiviz, stringResourcesSchema: powerbiApi.schemas.stringResources, dependenciesSchema: powerbiApi.schemas.dependencies, devMode: false, generatePbiviz: true, generateResources: true, modules: true, visualSourceLocation: './src/visual', // "../../src/visual", pluginLocation: pluginLocation, packageOutPath: path.join(__dirname, "dist") }), new ExtraWatchWebpackPlugin({ files: [ pbivizPath, capabilitiesPath ] }), new webpack.ProvidePlugin({ window: 'realWindow', define: 'fakeDefine', powerbi: 'corePowerbiObject' }), ] };</LI-CODE><P> </P><P>Thank in advance !</P> Tue, 24 Aug 2021 08:35:33 GMT Anonymous 2021-08-24T08:35:33Z Error: GET https://localhost:8080/assets/status 404 (Not Found) https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2034399#M31302 <P>Hi,</P><P>I'm trying to create a new visual and for it I need to use a webpack.config.js for exclude node_modules. But when I start the project with webpack-dev-server (not pbiviz because it don't use the webpack.config.js) my localhost seems good but I have <span class="lia-inline-image-display-wrapper lia-image-align-left" image-alt="Error 404.PNG" style="width: 400px;"><img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/579076i3A02DA15EFC19539/image-size/medium?v=v2&px=400" role="button" title="Error 404.PNG" alt="Error 404.PNG" /></span></P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P> </P><P>And the error : <FONT color="#FF0000">GET <A href="https://localhost:8080/assets/status" target="_blank" rel="noopener">https://localhost:8080/assets/status</A> 404 (Not Found) <FONT color="#000000">in the console</FONT></FONT></P><P> </P><P><FONT color="#FF0000"><FONT color="#000000">I don't understand where the probleme come from...</FONT></FONT></P><P> </P><P><FONT color="#FF0000"><FONT color="#000000">And I have this webpack.config.js:</FONT></FONT></P><P> </P><LI-CODE lang="javascript">var path = require('path') const fs = require("fs"); // werbpack plugin var webpack = require('webpack') console.log(require.resolve('powerbi-visuals-webpack-plugin')); const PowerBICustomVisualsWebpackPlugin = require('powerbi-visuals-webpack-plugin'); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); // const Visualizer = require('webpack-visualizer-plugin'); const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin'); // api configuration const powerbiApi = require("powerbi-visuals-api"); // visual configuration json path const pbivizPath = "./pbiviz.json"; const pbivizFile = require(path.join(__dirname, pbivizPath)); // the visual capabilities content const capabilitiesPath = "./capabilities.json"; const capabilitiesFile = require(path.join(__dirname, capabilitiesPath)); const pluginLocation = './.tmp/precompile/visualPlugin.ts'; // path to visual plugin file, the file generates by the plugin // string resources const resourcesFolder = path.join(".", "stringResources"); const localizationFolders = fs.readdirSync(resourcesFolder); // babel options to support IE11 let babelOptions = { "presets": [ [ require.resolve('@babel/preset-env'), { "targets": { "ie": "11", "chrome": "52" }, useBuiltIns: "entry", modules: false } ] ], sourceType: "unambiguous", // tell to babel that the project can contains different module types, not only es2015 modules cacheDirectory: path.join(".tmp", "babelCache") // path for chace files }; module.exports = { entry: './src/visual.ts', // output: { // path: path.resolve('./dist'), // filename: 'visual.bundle.js', // }, output: { path: path.join(__dirname, "/.tmp","drop"), publicPath: 'assets', filename: "[name].bundle.js", }, mode: "development", resolve: { extensions: ['.js', '.jsx', '.ts', '.tsx'], }, module: { rules: [ { test: /\.ts$/, use: 'ts-loader' }, { test: /\.js$/, use: { loader: 'babel-loader', options: { ignore: ['./node_modules/mapbox-gl/dist/mapbox-gl.js'] } } }, { test: /\.css$/, use: 'css-loader' }, { test: /\.less$/, use: [ { loader: 'css-loader', }, { loader: 'less-loader', }, ] } ] }, devServer: { // disableHostCheck: true, allowedHosts: 'all', static: path.join(__dirname, "/.tmp", "drop"), // path with assets for dev server, they are generated by webpack plugin compress: true, port: 8080, // dev server port hot: false, // inline: false, // cert files for dev server https: { pfx: fs.readFileSync(path.join(__dirname, 'node_modules\\powerbi-visuals-tools\\certs\\PowerBICustomVisualTest_public.pfx')), // for windows passphrase: "6529273902027273" }, headers: { "access-control-allow-origin": "*", "cache-control": "public, max-age=0" }, client: { overlay: true, progress: true, }, }, externals: { "powerbi-visuals-api": 'null', "fakeDefine": 'false', "corePowerbiObject": "Function('return this.powerbi')()", "realWindow": "Function('return this')()" }, plugins: [ new MiniCssExtractPlugin({ filename: "visual.css", chunkFilename: "[id].css" }), // new Visualizer({ // filename: "webpack.statistics.dev.html" // }), // visual plugin regenerates with the visual source, but it does not require relaunching dev server new webpack.WatchIgnorePlugin({paths:[ path.join(__dirname, pluginLocation), "./.tmp/**/*.*" ]}), // custom visuals plugin instance with options new PowerBICustomVisualsWebpackPlugin({ ...pbivizFile, capabilities: capabilitiesFile, stringResources: localizationFolders.map(localization => path.join( resourcesFolder, localization, "resources.resjson" )), apiVersion: powerbiApi.version, capabilitiesSchema: powerbiApi.schemas.capabilities, pbivizSchema: powerbiApi.schemas.pbiviz, stringResourcesSchema: powerbiApi.schemas.stringResources, dependenciesSchema: powerbiApi.schemas.dependencies, devMode: false, generatePbiviz: true, generateResources: true, modules: true, visualSourceLocation: './src/visual', // "../../src/visual", pluginLocation: pluginLocation, packageOutPath: path.join(__dirname, "dist") }), new ExtraWatchWebpackPlugin({ files: [ pbivizPath, capabilitiesPath ] }), new webpack.ProvidePlugin({ window: 'realWindow', define: 'fakeDefine', powerbi: 'corePowerbiObject' }), ] };</LI-CODE><P> </P><P>Thank in advance !</P> Tue, 24 Aug 2021 08:35:33 GMT https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2034399#M31302 Anonymous 2021-08-24T08:35:33Z Re: Error: GET https://localhost:8080/assets/status 404 (Not Found) https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2034446#M31303 <P>I change the line </P><LI-CODE lang="javascript">publicPath: 'assets',</LI-CODE><P> in </P><LI-CODE lang="javascript">publicPath: '/assets/',</LI-CODE><P> </P><P>and now I have the error <FONT color="#FF0000">GET <A href="https://localhost:8080/assets/visual.js" target="_blank">https://localhost:8080/assets/visual.js</A> 404 (Not Found),</FONT></P><P><FONT color="#000000">So I think the probleme come from where I put the output, or something is not create with my webpack</FONT></P> Tue, 24 Aug 2021 08:51:14 GMT https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2034446#M31303 Anonymous 2021-08-24T08:51:14Z Re: Error: GET https://localhost:8080/assets/status 404 (Not Found) https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2038993#M31353 <P><FONT face="tahoma,arial,helvetica,sans-serif">Hi @Anonymous</a>,</FONT></P> <P><FONT face="tahoma,arial,helvetica,sans-serif">AFAIK, 404 error means these requests have referenced the wrong path of link/resource. According to your description and error messages, I think it means the project can't find out the specified resource which hosts in the assets folder.</FONT></P> <P><FONT face="tahoma,arial,helvetica,sans-serif"><A href="https://en.wikipedia.org/wiki/HTTP_404" target="_blank">HTTP 404 - Wikipedia</A></FONT></P> <P><FONT face="tahoma,arial,helvetica,sans-serif">If you want to invoke the external resource, you can take a look at the following link about similar requirements:</FONT></P> <P><FONT face="tahoma,arial,helvetica,sans-serif"><A href="https://community.powerbi.com/t5/Developer/Including-External-Assets-in-Custom-Visual-Assets-folder-ArcGIS/td-p/1648756" target="_blank">Solved: Including External Assets in Custom Visual (/Asset... - Microsoft Power BI Community</A></FONT></P> <P><FONT face="tahoma,arial,helvetica,sans-serif">Regards,</FONT></P> <P><FONT face="tahoma,arial,helvetica,sans-serif">Xiaoxin Sheng</FONT></P> Thu, 26 Aug 2021 01:09:33 GMT https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2038993#M31353 Anonymous 2021-08-26T01:09:33Z Re: Error: GET https://localhost:8080/assets/status 404 (Not Found) https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2039596#M31359 <P>Thanks I said to my webpack to put everything I create in a folder assets and now it works (I don't have the visuals but it connect it's an advancement XD) Now i need to search why it don't works... Thanks ! </P> Thu, 26 Aug 2021 07:11:26 GMT https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2039596#M31359 Anonymous 2021-08-26T07:11:26Z Re: Error: GET https://localhost:8080/assets/status 404 (Not Found) https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2039600#M31360 <P>For more information I change the line </P><LI-CODE lang="javascript">path: path.join(__dirname, "/.tmp","drop"),</LI-CODE><P>to</P><LI-CODE lang="javascript">path: path.join(__dirname, "/.tmp","drop", "assets"),</LI-CODE> Thu, 26 Aug 2021 07:13:14 GMT https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/2039600#M31360 Anonymous 2021-08-26T07:13:14Z Re: Error: GET https://localhost:8080/assets/status 404 (Not Found) https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/3112308#M41560 <P>Good Evening,</P><P> </P><P>After running command "pbiviz start"</P><P>Go to this link in chrom <A href="https://localhost:8080/assets/" target="_blank">https://localhost:8080/assets/</A></P><P>and then scroll down and click on "proceed without safety" option</P><P>and then go back to your report and click on developer visual option.</P> Sun, 05 Mar 2023 14:43:34 GMT https://community.fabric.microsoft.com/t5/Developer/Error-GET-https-localhost-8080-assets-status-404-Not-Found/m-p/3112308#M41560 Lalit_Krishna_S 2023-03-05T14:43:34Z