Không hoạt động bình thường nếu không bật JavaScript, vui lòng bật nó để tiếp tục

Ngày nay, hầu hết tất cả các trang web đều chứa JavaScript, một ngôn ngữ lập trình kịch bản chạy trên trình duyệt web của khách truy cập. Nó làm cho các trang web hoạt động cho các mục đích cụ thể và nếu bị vô hiệu hóa vì một số lý do, nội dung hoặc chức năng của trang web có thể bị hạn chế hoặc không khả dụng. Tại đây, bạn có thể tìm thấy hướng dẫn về cách bật (kích hoạt) JavaScript trong năm trình duyệt được sử dụng phổ biến nhất

Tôi đang thiết lập Vue mới. Ứng dụng JS sử dụng giao diện Vue UI.
Khi tôi khởi động ứng dụng bằng cách sử dụng vue serve src/App.vue, ứng dụng sẽ bắt đầu nhưng nó chỉ hiển thị trên trang là Home | About mặc định.
Khi kiểm tra trang trong HTML, tôi thấy.


và trong bảng điều khiển tôi thấy

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

found in

--->  at src/App.vue
       

Tôi đang làm việc với ứng dụng cơ bản được tạo khi chạy Vue UI

Tôi đang làm việc với ứng dụng cơ bản được tạo khi chạy Vue UI
Nếu tôi chạy ứng dụng bằng cách sử dụng lệnh vue ui, sau đó khởi động ứng dụng từ Vue UI thì nó sẽ hoạt động.

Lý do tôi muốn mở ứng dụng bằng dòng lệnh là vì trong Cloud9, nơi tôi muốn kiểm tra ứng dụng, vue ui bắt đầu trên localhost và tôi không thể tìm cách mở ứng dụng đó. Những thay đổi duy nhất tôi thực hiện đối với các tệp ứng dụng chỉ được thực hiện để làm cho ứng dụng chạy bên trong bộ chứa Cloud9.
đã thay đổi

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

found in

--->  at src/App.vue
       
0đã thêm.

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

đã tạo

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

found in

--->  at src/App.vue
       
1 và thêm vào

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

❤️砥砺前行,不负余光,永远在路上❤️

前言

vue项目打包发布到线上之后报错

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

found in

--->  at src/App.vue
       
2
修改router模式之后重新打包上传就可以了。

一、修改router模式

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  { path: '/', redirect: '/home' },
  {
    path: '/home',
    name: 'Home',
    component: () => import('@/views/home/index.vue')
  },
]

const router = new VueRouter({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes
})

export default router

Không hoạt động bình thường nếu không bật JavaScript, vui lòng bật nó để tiếp tục

Có lỗi tương tự khi xây dựng

Sử dụng vue ui và xây dựng từ đó, nhưng vấn đề tương tự cũng xảy ra từ cli

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

found in

--->  at src/App.vue
       
4

Việc xây dựng cũng thất bại với dự án trống (dự án được chào mừng đến với vue…)

Đây là gói hàng của tôi. json

{
  "name": "nifty-lite",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "core-js": "^3.3.2",
    "register-service-worker": "^1.6.2",
    "vue": "^2.6.10"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.0.0",
    "@vue/cli-plugin-pwa": "^4.0.0",
    "@vue/cli-service": "^4.0.0",
    "sass": "^1.19.0",
    "sass-loader": "^8.0.0",
    "vue-template-compiler": "^2.6.10"
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}

Vấn đề ở đây là tôi đã sử dụng phương thức createWebHistory như một biến, thay vì sử dụng nó như một phương thức tôi. e. tạoWebHistory()

const router = createRouter({
    history: createWebHistory(),
    routes: routes
})