9
votes

Comment résoudre noscript - ne fonctionne pas correctement sans JavaScript activé lors de la diffusion d'une application Vue

Je mets en place une nouvelle application Vue.JS à l'aide de l'interface Vue UI. Lorsque je lance l'application à l'aide de vue serve src/App.vue l'application démarre mais elle n'affiche que dans la page par défaut Home | About . Lorsque j'inspecte la page dans le HTML, je vois:

module.exports = {
  devServer: {
    compress: true,
    disableHostCheck: true,
  },
}

et dans la console je vois

"dev": "webpack-dev-server --inline --progress --port 8080 --host 0.0.0.0 --config vue.config.js --public $C9_HOSTNAME",

Je travaille avec l'application de base créée lors de l'exécution de l'interface utilisateur Vue

Je travaille avec l'application de base créée lors de l'exécution de l'interface utilisateur Vue Si j'exécute l'application à l'aide de la commande vue ui suivie du démarrage de l'application à partir de l'interface utilisateur Vue, cela fonctionne.

La raison pour laquelle je veux ouvrir l'application en utilisant la ligne de commande est que dans Cloud9 où je veux tester l'application, la vue ui démarre sur localhost et je ne trouve pas de moyen de l'ouvrir. Les seules modifications que j'ai apportées aux fichiers de l'application ont été effectuées uniquement pour que l'application s'exécute dans le conteneur Cloud9: modification du package.json ajouté:

[Vue warn]: Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <App> at src/App.vue
       <Root>

a créé le vue.config.js et ajouté:

<noscript>
      <strong>We're sorry but basicapp doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>

javascript vue.js configuration cloud9-ide

4 commentaires

avez-vous trouvé une solution depuis avril?

Oui. Regardez la réponse 1 😊. Dis-moi si tu as besoin d'aide.

N'a pas travaillé pour moi. Il semble que le problème soit dû aux paramètres de charpie. Si j'utilise new Vue({ render: h => h(App, Rating)}).$mount('#app').$mount('#app') lancera l'application par défaut, mais la syntaxe comme new Vue({ el: '#app'}) ne le fera pas.

les gars, je suis également confronté au même problème. npm run serve fonctionne correctement mais nous essayons de créer le code. une fois que la construction est générée en utilisant npm run build ou yarn build si vous ouvrez l'index.html présent dans le dossier dist, vous trouvez ce message d'erreur dans ce html lui-même. Je n'ai toujours aucune idée de la raison pour laquelle cette erreur se produit

6 Réponses :

1
votes

J'ai trouvé le problème. Pour démarrer l'application, vous devez exécuter la commande npm run serve . Fonctionne bien dans le conteneur Cloud9 et également sur ma machine locale.

3 commentaires

npm run serve est juste pour exécuter votre code de développement. npm run serve fonctionne correctement mais nous essayons de créer le code. une fois que la construction est générée en utilisant npm run build ou yarn build si vous ouvrez l'index.html présent dans le dossier dist, vous trouvez ce message d'erreur dans ce html lui-même. Je n'ai toujours aucune idée de la raison pour laquelle cette erreur se produit.

OP n'a pas de problème pour exécuter l'application

Et si j'utilise du fil?

1
votes

Après 2,5 jours de recherche, j'ai trouvé que le contenu dans index.html ( nous sommes désolés mais basicapp ne fonctionne pas correctement sans l'activation de JavaScript. Veuillez l'activer pour continuer. ) N'est pas une erreur en fait .

Il s'agit du texte par défaut pour les navigateurs dans lesquels javascript n'est pas activé, alors ne vous inquiétez pas du tout.

Pour exécuter votre application en mode dev, vous pouvez utiliser la commande Yarn serve. Si vous souhaitez créer votre application, utilisez la compilation yarn / npm et configurez / utilisez l'index.html présent dans le dossier dist sans aucun doute.

1 commentaires

mon navigateur a activé javascript. Je ne sais pas pourquoi ça ne marche pas.

1
votes

Changer le port de 8080 à 8081 ， cela a fonctionné pour moi. J'ai ouvert un autre programme avec le port 8080. Peut provoquer un conflit de hachage

0 commentaires

-2
votes

«Nous sommes désolés mais basicapp ne fonctionne pas correctement sans l'activation de JavaScript. S'il vous plait, activez le pour continuer.'

Ce message s'affichera lorsque vous ouvrirez le navigateur sans javascript: D lorsque vous voulez le voir, vous devez désactiver le Javascript dans votre navigateur

2 commentaires

Cela ne semble pas résoudre le problème d'origine. Je pense que le problème est que l'utilisateur souhaite afficher une version fonctionnelle de son application avec du HTML à partir de composants rendus, plutôt que simplement la balise noscript.

Merci d'avoir expliqué le message d'erreur. :)

1
votes

Cela s'est produit lorsque j'ai accidentellement défini mon répertoire Web sur /public au lieu du répertoire /dist . Après avoir changé la racine des applications pour pointer vers le répertoire /dist dans mes paramètres nginx, cela a bien fonctionné.

server {
    listen 443 ssl http2;
    listen [::]:443 ssl http2;
    server_name mydomain.com;
    root /path/to/my/website/dist;

    # other settings below...
}

0 commentaires

1
votes

Vous devez désactiver l'adblocker ou l'exécuter en mode navigation privée

0 commentaires