How to deploy to prod correctly? about generator-sppp HOT 6 CLOSED

There should be no such error.

Just loaded a blank new created starter project:

npx -p yo -p generator-sppp -c 'yo sppp'
npm run connect
npm run build
npm run publish

No messages in console with the exception of those produced by SharePoint.

UPD:

You're using npm run start, but it should be npm run build.

from generator-sppp.

Also can see this string in bundled app.js:

from generator-sppp.

Hi @Gennady-G,

There is nothing special with the deployment. But one should never hardcode the URL, it's always relative and dynamic, based on the place it's run.

Same source code runs in a local workbench and production. You use context _spPageContextInfo.webAbsoluteUrl for the legacy SharePoint pages. See: https://github.com/koltyakov/sp-rest-proxy#load-page-context-helper.

When running a build and deploy commands, the relative path is build to host JS/CSS/cewp.html in site assets folder.

from generator-sppp.

Also, in CEWP you should have {{ publishPath }}:

If changed to something else, it won't be updated when bundling.

from generator-sppp.

Hi Andrew!
I haven't touched the publishPath..

Interesting - tried to recreate new test project from scratch (the only difference - I used spf2 folder)

Tried Your code with no hard-coded urls:

import { sp, Web } from "@pnp/sp";
import { loadPageContext } from "sp-rest-proxy/dist/utils/env";

import { loadContext } from "@utils/env";
import { logger } from "@utils/logger";
import { setupPnp } from "@utils/odata";

loadContext()
  .then(() => {
    setupPnp();

    const container = document.getElementById("example-cewp-container");

    if (container) {
      loadPageContext()
        .then(async () => {
          const web = new Web(_spPageContextInfo.webAbsoluteUrl);
          console.log(_spPageContextInfo);

          // test load items
          (async () => {
            
            const items = await web.lists.getByTitle("My list").items.select("Id", "FileLeafRef").filter("Id gt 7800").orderBy("Id", false).getAll();
            console.log(`Got ${items.length} items here`);

          })().catch((err) => {
            console.log(err);
          });
        })
        .catch(console.warn);
    }
  })
  .catch(logger.error);

npm run connect
npm run start
npm run publish

and this behaviour repeats. It works Ok but tries to relate with localhost:9090:

Am I right that this error is only "the noise" and does not affect final solution?

from generator-sppp.

You're using npm run start, but it should be npm run build.

Yes, You are right! Sorry for stupid questions) Thank You Andrew as usual! :-D

from generator-sppp.